原⽣JS实现循环NodelistDom列表的4种⽅式⽰例本⽂实例讲述了原⽣JS实现循环Nodelist Dom列表的4种⽅式。分享给⼤家供⼤家参考，具体如下：
function $(id) {
ElementById(id);
}
var _PAGE = {
timeListDom: $('timeList')
};
var spanDoms = _PAGE.timeListDom.querySelectorAll('span'), domLen = spanDoms.length;
// 第⼀种⽅式：原⽣for循环
for (var i = 0; i < domLen; i++) {
var v = spanDoms[i];
// do something you want deal with DOM
}
// 第⼆种⽅式：Array 的 forEach函数
Array.prototype.forEach.call(spanDoms, function(v) {
// do something you want deal with DOM
});
// 第三种⽅式：Array 的 forEach函数
[].forEach.call(spanDoms, function(el) {
// do something you want deal with DOM
ve('active');
});
/
/ 第四种⽅式：继承Array 的 forEach函数
NodeList.prototype.forEach = Array.prototype.forEach;
spanDoms.forEach(function(v) {
// do something you want deal with DOM
js原型和原型链的理解});
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》及《》
希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。