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

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中文網其他相關文章！