HTML DOM對象之createElement（）方法

標籤：

今天在學習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（）建立的元素存在的位置屬於根據最後一次被調用的節點來判斷。

在這暫時紀錄下，留待以後深入理解。

HTML DOM對象之createElement（）方法