DOM結構——兩個節點之間可能存在哪些關係以及如何在節點之間任意移動

時間 2019-11-10

標籤 dom 結構兩個節點之間可能存在哪些關係以及如何任意移動欄目 HTML 简体版

原文原文鏈接

document.documentElement     返回文檔的根節點<html>
document.body     <body>
document.activeElement 返回當前文檔中被擊活的標籤節點(ie)
event.fromElement        返回鼠標移出的源節點(ie)
event.toElement       返回鼠標移入的源節點(ie)
event.srcElement     返回激活事件的源節點(ie)
event.target         返回激活事件的源節點(firefox)
當前對象爲node
返回父節點：node.parentNode, node.parendElement,
返回全部子節點：node.childNodes（包含文本節點及標籤節點）,node.children
返回第一個子節點：node.firstChild
返回最後一個子節點： node.lastChild
返回同屬上一個子節點：node.nextSibling
返回同屬下一個子節點：node.previousSibling
parentNode和parentElement功能同樣，childNodes和children功能同樣。可是parentNode和childNodes是符合W3C標準的，能夠說比較通用。而另外兩個只是IE支持，不是標準，Firefox就不支持 ,因此只要記得有parentElement和children就好了 html

相關標籤/搜索