今天在学习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()创建的元素存在的位置属于根据最后一次被调用的节点来判断。
在这暂时纪录下,留待以后深入理解。