js遍历子元素

跨浏览器遍历某元素的所有子元素

1.遍历所有子元素（法一）

// 遍历所有子元素 1
var child = element.firstChild;
var last = element.lastChild;
while(child != last) {
    if(child.nodeType === 1) {
        processChild(child);
    }
    child = child.nextSibling;
}
if(last.nodeType === 1) {
    processChild(last);
}

 

2.遍历所有子元素（法二）

// 遍历所有子元素 2
var i, len;
var element = document.getElementById("myElement");
var child = element.firstChild;
i = 0;
len = element.length;
while(i < len) {
    if(child.nodeType === 1) {
        processChild(child);
    }
    child = child.nextSibling;
}

 

3.遍历所有子元素（法三）

需要浏览器支持Element Traversal规范

// Element Traversal标准遍历
var child = element.firstElementChild;
var last = element.lastElementChild;
while(child != last) {
    processChild(child);
    child = child.nextElementSibling;
}
processChild(last)