在运行的时候这个javascript代码无法做到深拷贝节点的实验效果，不知道它提示的firstchild节点为什么检测不出来

img

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>chenhao </title>
  </head>
  <body>
    <ul id="list">
        <li>
        苹果
        </li>
        <li>
        香蕉
        </li>
    </ul>
    <ul id="op">
    </ul>
    <button >点我</button>
    <script>
    var btn=document.querySelector('button');
    btn.onclick=function()
    {
        var item=document.getElementById('lsit').firstChild;
        var clone=item[0].cloneNode(true);
        document.getElementById('op').appendChild(cloneItem);
    }
    </script>
  </body>
</html>

list拼错了