原生JS实现循环Nodelist Dom列表的4种方式示例
本文实例讲述了原生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相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
-
本文向大家介绍原生JS简单实现ajax的方法示例，包括了原生JS简单实现ajax的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考，具体如下： HTML部分： 这里有个input按钮，点击会触发click事件，click事件调用Ajax()方法。 JS部分： Ajax大约分四步，创建Ajax对象，用open()方法偷偷的跑到服务器
-
本文向大家介绍原生js实现无限循环轮播图效果，包括了原生js实现无限循环轮播图效果的使用技巧和注意事项，需要的朋友参考一下 知识要点 1.实现无限循环的原理： 以偏移的距离来判断是否跳回第一张和最后一张 也可以利用循环判断图片的当前索引值 2.当前图片轮播的圆点变色显示： 因为每次点击index+1 所以当前的index-1就是button的索引 3.实现动画滚动效果： 原理就是把每次的偏移量分为
-
本文向大家介绍JS实现继承的几种常用方式示例，包括了JS实现继承的几种常用方式示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现继承的几种常用方式。分享给大家供大家参考，具体如下： 1，原型链继承 运行结果： 2，构造继承 运行结果： 3，组合继承 运行结果： 4，寄生组合继承 运行结果： 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://
-
本文向大家介绍瀑布流的实现方式（原生js+jquery+css3），包括了瀑布流的实现方式（原生js+jquery+css3）的使用技巧和注意事项，需要的朋友参考一下 前言 项目需求要弄个瀑布流的页面，用的是waterfall这个插件，感觉还是可以的，项目赶就没自己的动手写。最近闲来没事，就自己写个。大致思路理清楚，还是挺好实现的... 原生javascript版 jquery版本 大致思路
-
使用原生JS，如何控制 scroll 像 excel 表格那样上下左右的滑动，而且重点是，每一次滑动，正好能够隐藏一列或一行表格？
-
本文向大家介绍js实现继承的5种方式，包括了js实现继承的5种方式的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现继承的5种方式。分享给大家供大家参考，具体如下： 1、继承第一种方式：对象冒充 2、继承第二种方式：call()方法方式 call方法是Function类中的方法 call方法的第一个参数的值赋值给类(即方法)中出现的this call方法的第二个参数开始依次赋值给类(