本文實例講述了原生JS實現循環Nodelist Dom列表的4種方式。分享給大家供大家參考,具體如下:
function $(id) { return document.getElementById(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 el.classList.remove('active');});// 第四種方式:繼承Array 的 forEach函數NodeList.prototype.forEach = Array.prototype.forEach;spanDoms.forEach(function(v) { // do something you want deal with DOM});希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答