《JS高程（3）》DOM擴展-元素遍歷-第11章筆記(19)

元素遍歷

Element Traversal API爲DOM元素添加了5個屬性：

childElementCount:	返回子元素（不包括文本節點和註釋）的個數
firstElementChild:	指向第一個子元素；firstChild的元素版
lastElementChild:	指向最後一個子元素；lastChild的元素版
previousElementSibling:	指向前一個同輩元素；previousSibling的元素版
nextElementSibling:	指向前一個同輩元素；nextSibling的元素版

利用這些元素不必擔心空白文本節點，從而可以更方便地查找DOM元素。
跨瀏覽器遍歷某元素的所有子元素：

var i,
    len,
    child = element.firstChild;
while(child != element.lastChild){
    if(child.nodeType == 1){
        processChild(child);
    }
    child = child.nextSibling;
}

使用Element Traversal 新增的元素

var i,
    len,
    child = element.firstElementChild;
while(child != element.lastElementChild){
        //已知是元素
        processChild(child);
        child = child.nextElementSibling;
}