DOM操作——怎樣添加、移除、移動、複製、建立和尋找節點

標籤：能力   fragment   elements   名稱   屬性   唯一性   nod   ext   var   

document.write只能重繪整個頁面innerHTML可以重繪頁面的一部分

1）建立新節點
createDocumentFragment() //建立一個DOM片段
createElement() //建立一個具體的元素
createTextNode() //建立一個文本節點
（2）添加、移除、替換、插入
appendChild()

var node = dcument.createElement("")
var textnode=document.createTextNode("Water");
node.appendChild(textnode);

removeChild()

var list=document.getElementById("myList");
list.removeChild(list.childNodes[0]);

replaceChild()

document.getElementById("myList").replaceChild(newnode,oldnode);

insertBefore() //在已有的子節點前插入一個新的子節點

var node=document.getElementById("myList2").lastChild;
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
（3）尋找
getElementsByTagName() //通過標籤名稱
getElementsByName() //通過元素的Name屬性的值(IE容錯能力較強，會得到一個數組，其中包括id等於name值的)
getElementById() //通過元素Id，唯一性

DOM操作——怎樣添加、移除、移動、複製、建立和尋找節點