根節(jié)點
-
document.documentElement返回文檔對象( document )的根元素 -
document.head( <head>標(biāo)簽 ) -
document.body( <body>標(biāo)簽 )
遍歷節(jié)點
父節(jié)點：parentNode
子節(jié)點：childNodes
子元素節(jié)點：children
前一個兄弟節(jié)點：previousSibling
后一個兄弟節(jié)點：nextSibling
第一個子節(jié)點：firstChild
第一個子元素節(jié)點：firstElementChild
最后一個子節(jié)點：lastChild( 可以是任何類型的節(jié)點 )
最后一個子元素節(jié)點：lastElementChild
返回一個節(jié)點的根元素：ownerDocument
節(jié)點信息
節(jié)點類型：nodeType( 返回一個數(shù)字值 )
節(jié)點名字：nodeName( 元素節(jié)點返回大寫 )
節(jié)點內(nèi)容：nodeValue
獲取所有節(jié)點的方法
- 方法 1 ( 遞歸遍歷childNodes )
var elemArr = [];
function ergodic(child) {
for (var i = 0, len = child.length; i < len; i++) {
if (child[i].nodeType === 1) {
elemArr[elemArr.length] = child[i];
if (child[i].childNodes.length > 0) {
ergodic(child[i].childNodes);
}
}
}
}
- 方法 2 ( 遞歸遍歷children )
var elemArr = []
function ergodic(child) {
for (var i = 0, len = child.length; i < len; i++) {
elemArr[elemArr.length] = child[i];
if (child[i].children.length > 0) {
ergodic(child[i].children);
}
}
}
