Javascript 遍历NodeList

单独遍历键: NodeList.prototype.keys();

var children = document.body.childNodes;for (var key of children.keys()) {console.log(key);
}
// 0
// 1
// 2
// ...

单独遍历值: NodeList.prototype.values();

var children = document.body.childNodes;
for (var value of children.values()) {console.log(value);
}
// #text
// <script>
// ...

遍历键值对: NodeList.prototype.entries();

var children = document.body.childNodes;
for (var entry of children.entries()) {console.log(entry);
}
// Array [ 0, #text ]
// Array [ 1, <script> ]
// ...

把NodeList转化为Array遍历

var children = document.body.childNodes;
Array.from(children).forEach(it => {console.log(entry);
})
// #text
// <script>
// ...

Javascript 遍历NodeList相关推荐

javascript 遍历对象
javascript 遍历对象 <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
jQuery操作Dom元素、jQuery遍历、JavaScript遍历
目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...
JavaScript遍历table
JavaScript遍历table 1.说明遍历表格中的某行某列,并打印其值 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
js遍历map javaScript遍历map
原文地址为: js遍历map javaScript遍历map var map = {"name" : "华仔","realname":&qu ...
php json 遍历 keys,详解javascript遍历json对象的key和任意js对象属性的示例代码（图）...
下面小编就为大家带来一篇javascript遍历json对象的key和任意js对象属性实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧使用 keys 方法获取该对象 ...
javascript遍历DOM结构和对象结构
在实际工作中,记住浏览器中对象的属性.方法几乎是件不可能完成的任务,保持一份资料或网址是个好办法.但是查阅资料也是要花费不少时间,如果能有个脚本将对象的结构打印出来,将会加速开发进程. 下面是我编写的 ...
查看java返回的值,JavaScript 遍历对象查找指定的值并返回路径
问:JavaScript 如何查找对象中某个 value 并返回路径上所有的 key? let obj = { key1: 'str1', key2: { key3: 'str3' }, key4: ...
javascript遍历对象的属性
不同类型的循环 JavaScript 支持不同类型的循环: for - 多次遍历代码块 for/in - 遍历对象属性 while - 当指定条件为 true 时循环一段代码块 do/while - ...
你可能不知道的JavaScript 遍历DOM的几种方法
最近看到一篇关于前端优化方面的文章,里面提到了几点对DOM遍历操作的优化,文章只是一笔带过,并没有深入的讲解. 其中提到了几个优化的手段,乍一看似乎没见过,然后再仔细想想,其实无论是犀牛书还是红宝书都 ...

Javascript 遍历NodeList

Javascript 遍历NodeList相关推荐

最新文章

热门文章