1、獲取元素節點

getElementById()：獲取指定唯一id的元素。

getElementByTagName()：獲取指定元素標簽名的元素數組。

getElementByName()：獲取具有指定屬性name的元素數組。

2、子節點

element.childNodes：返回該元素的子節點數組。注意：換行在瀏覽器中作為text節點，需要進行過濾

element.firstChild：該元素的第一個子節點。

element.lastChild：該元素最后一個子節點。

3、父節點

element.parentNode

4、兄弟節點

element.previousSibling：返回相同的樹層級中的前一個節點，如果沒有，則為null

element.nextSibling：返回相同的樹層級中的后一個節點，如果沒有，則為null

5、創建節點

createElement() 按指定標簽名創建節點

6、復制節點

clonedNode = Node.cloneNode(boolean) 傳入布爾值，true表示復制該節點下的所有子節點

7、加入節點

parentNode.appendChild(childNode) 將新節點加入到子節點末尾

parentNode.insertBefore(newNode, targetNode) 將newNode 加入到targNode之前

8、移除目標節點

parentNode.removeChild(childNode)

9、替換目標節點

parentNode.replace(newNode, targetNode) 使用newNode 替換targetNode

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持武林網！