1. 程式人生 > >js怎樣新增、移除、移動、複製、建立和查詢節點

js怎樣新增、移除、移動、複製、建立和查詢節點

參考:http://www.w3school.com.cn/xmldom/dom_nodes_get.asp

(1)建立新節點
var para=document.createElement(“p”); //建立新的

元素
var node=document.createTextNode(“這是新段落。”); //建立了一個文字節點
para.appendChild(node); //向

元素追加這個文字節點

var element=document.getElementById(“div1”);//向一個已有的元素追加這個新元素
element.appendChild(para); //向這個已有的元素追加新元素
(2)新增、移除、替換、之前插入、之後插入、複製
appendChild()
removeChild()
replaceChild()
insertBefore()
insertAfter()
cloneNode()
(3)查詢
document.getElementsByTagName("") //通過標籤名稱
document.getElementsByName("") //通過元素的Name屬性的值
document.getElementById("") //通過元素Id,唯一性
document.getElementsByClassName(""); //通過類查詢
document.querySelector("")

p1p1p1p1