介绍
这篇文章主要介绍了原生JS如何实现循环Dom节点列表列表,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
JS是什么
JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。
具体如下:
function 美元(id), { ,return . getelementbyid (id); } var _PAGE =, { ,timeListDom:美元(& # 39;timeList& # 39;) }; var spanDoms =, _PAGE.timeListDom.querySelectorAll(& # 39;跨度# 39;),,domLen =, spanDoms.length;//,第一种方式:原生为循环 for (var 小姐:=,0;,小姐:& lt;, domLen;,我+ +),{ ,var v =, spanDoms[我]; ,//do something 你want deal with DOM }//,第二种方式:Array 的,forEach函数 Array.prototype.forEach.call (spanDoms,函数(v), { ,//do something 你want deal with DOM });//,第三种方式:Array 的,forEach函数 [].forEach.call (spanDoms,函数(el), { ,//do something 你want deal with DOM ,el.classList.remove(& # 39;活跃# 39;); });//,第四种方式:继承Array 的,forEach函数 时间=NodeList.prototype.forEach Array.prototype.forEach; spanDoms.forEach(函数(v), { ,//do something 你want deal with DOM });
感谢你能够认真阅读完这篇文章,希望小编分享的“原生JS如何实现循环Dom节点列表列表”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!