元素遍歷

為了方便我們使用JS來遍歷文檔中的元素，W3C在原來的基礎之上提出了 Element Traversal 規範

這一規範主要就是為了統一瀏覽器對文檔中節點解析不一致的問題。

比如在某些瀏覽器中元素之間的空格會被解析為文本節點

而有些瀏覽器的的行為又有所區別，所以為了弱化這些差異，JS就為DOM元素提供了以下屬性：

1.、childElementCount：返回子元素的個數，不包括文本、註釋節點

2、firstElementChild：指向第一個子元素（firstChild返回第一個節點）

3、lastElementChild：指向最後一個子元素（lastChild指向最後一個節點）

4、previousElementSibling：指向前一個同級元素

5、nextElementSibling：指向後一個同級元素

當我們不使用 Element Traversal 來遍歷某個元素的子節點

var child = element.firstChild;

while(child != element.lastChild){
    if(child.nodeType === 1){// 判斷當前節點是否為元素節點
        // code
    }
    child = child.nextSibling;
}

使用Element Traversal

var child = element.firstElementChild;

 
while(child != element.lastElementChild){
    // code
    child = child.nextElementSibling;
}

Javascript高級編程學習筆記（47）—— 元素遍歷