跨浏览器遍历某元素的所有子元素
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)