首頁  >  文章  >  web前端  >  DOM方法之節點操作實例詳解

DOM方法之節點操作實例詳解

零下一度
零下一度原創
2017-06-26 09:15:251211瀏覽

document.createElement(tagName)
透過標籤名的形式建立一個元素
parentNode.appendChild(childNode)
往一個節點裡邊新增一個子節點,注意是新增在最後
parentNode .insertBefore(childNode1,childNode2)
往一個節點的指定子節點前邊插入一個節點
如上:childNode1插入到childNode2前邊;

parentNode.removeChild(childNodes)
從一個節點中刪除指定的子節點。

parentNode.replaceChild(node,childNode)
node用來取代的節點,childNodes被取代的子節點
兩個參數都必須寫入。
node.cloneNode(boolean)
複製一個節點
true:複製元素和元素包含的子孫節點
flase:複製元素但不包含元素的子孫節點

# node. parentNode  父節點
node.offsetParent 定位父級
node.children 子節點
node.perviousElementSibling 上一個兄弟節點
node.nextElementSibling 下一個兄弟節點
node.firstElementChild(取得node中第一個子節點)
node.lastElementChild(取得node中最後一個子節點)

以上是DOM方法之節點操作實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn