简单DOM克隆节点问题

简单DOM克隆节点问题,dom,clonenode,Dom,Clonenode,我在使用cloneNode时遇到了另一个相当简单的问题。我试图使用java将一个li节点复制回它自己的ul,但我似乎找不到它为什么不工作。 我尝试过很多事情,但我一辈子都想不出来。 我想要这个: <ul id="mylist"> <li><h3>My Image:<img src="myImage.png"></h3></li&

我在使用cloneNode时遇到了另一个相当简单的问题。我试图使用java将一个li节点复制回它自己的ul,但我似乎找不到它为什么不工作。 我尝试过很多事情,但我一辈子都想不出来。 我想要这个:

                        <ul id="mylist">
                            <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>

不确定它为什么不起作用,我几乎完全一样地从在线源代码中提取代码。如果有人能帮我解答我的新手问题,我将不胜感激。

我经常发现,当从inter-rent复制javascript时,作者从未检查过自己的代码是否存在键入错误,或者可能是为了鼓励理解

这项工作:

<ul id="myawesomelist">
  <li id="x"><h3>My awesome image:<img src="myawesomeimage.png"></h3></li>
</ul>
这是我做的小提琴:

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