1、獲取元素節(jié)點

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

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

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

2、子節(jié)點

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

element.firstChild：該元素的第一個子節(jié)點。

element.lastChild：該元素最后一個子節(jié)點。

3、父節(jié)點

element.parentNode

4、兄弟節(jié)點

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

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

5、創(chuàng)建節(jié)點

createElement() 按指定標簽名創(chuàng)建節(jié)點

6、復制節(jié)點

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

7、加入節(jié)點

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

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

8、移除目標節(jié)點

parentNode.removeChild(childNode)

9、替換目標節(jié)點

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

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

最新評論