HTML DOM对象之createElement（）方法

Posted 2020-08-06

今天在学习DOM节点操作时，发现了创建DOM节点的createElement（）方法的一个有意思的现象。

代码如下：

　　　　var box=document.getElementById("box");//假设网页中已经有个ID为box的元素；

　　　　var bbb=document.getElementById("bbb");//假设网页中已经有个ID为box的元素;

　　　　var aaa=document.createElement("div");//创建一个div元素

           box.appendChild(aaa);//在box元素的最后面插入一个新节点aaa;（此时，aaa在box中的最后面）

　　　　box.insertBefore(aaa,bbb);//在box元素之前插入一个新节点aaa;（此时，aaa在bbb前面，并从box中最后面消失）

　　　　box.appendChild(aaa);//在box元素的最后面插入一个新节点aaa;（此时，aaa在box中的最后面，并从box前面消失）

于是我猜想，createElement（）方法创建的元素是动态的，而且是唯一的，

无论你对其创建的元素调用多少次，createElement（）创建的元素存在的位置属于根据最后一次被调用的节点来判断。

在这暂时纪录下，留待以后深入理解。