简单的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复制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/