dom - 简单的 DOM cloneNode 问题

Question

我在使用 cloneNode 时遇到了另一个相当简单的问题。我正在尝试使用 java 将一个 li 节点复制回它自己的 ul 中，但我似乎无法找到它为什么不起作用。我尝试了多种方法，但我一生都无法弄清楚。我要这个：

                        <ul id="mylist">
                            <li><h3>My Image:<img src="myImage.png"></h3></li>
                        </ul> 

看起来像这样：
<ul id="mylist"> <li><h3>My Image:<img src="myImage.png"></h3></li> <li><h3>My Image:<img src="myImage.png"></h3></li> </ul>

我正在使用这个功能：

                        function myFunction(){
                                    parent=document.getElementById("myList");
                                    child=parent.getElementbyTagName("li")[0];
                                    clone= child.cloneNode(true);
                                    parent.insertBefore(clone,child);   
                        } 
                        </script>

不确定为什么它不起作用，我从在线资源中提取了几乎相同的代码。如果有人可以帮助我的新手问题，我将非常感激。

Answer 1

我经常发现，在从 inter-rent 复制 javascript 时，作者从未检查过他的代码是否有输入错误，或者他们可能是故意鼓励理解的。

这有效：

<ul id="myawesomelist">
  <li id="x"><h3>My awesome image:<img src="myawesomeimage.png"></h3></li>
</ul>

这是javascript：

function myawesomefunction()
{
 var myawesomeparent=document.getElementById('myawesomelist');
 var myawesomechild=myawesomeparent.getElementsByTagName('li')[0];
 var myawesomeclone=myawesomechild.cloneNode(true);
 myawesomeparent.insertBefore(myawesomeclone,myawesomechild);
}

这是我内置的小提琴：

http://jsfiddle.net/g51n8sor/