JS 元素遍历

1、循环遍历从getElementsByClassName返回的所有元素

var elements = document.getElementsByClassName('classname');
Array.prototype.forEach.call(elements, function (element) {
    console.log(element.innerHTML);
});

或

var elements = document.getElementsByClassName('classname');
for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    console.log(element.innerHTML);
}

2、循环遍历元素根子节点

var childs = elements.childNodes;
Array.prototype.forEach.call(childs, function (child) {
	console.log(child.innerHTML);
});

或

var childFirst = elements.firstChild;
var childLast = elements.lastChild;
var child = childFirst; 
while (child!=childLast){							
	console.log(child.innerHTML);
	child = child.nextSibling;
}
console.log(child.innerHTML);