关于ES6的for of循环遍历DOM的问题

我写了个小DEMO熟悉for of循环遍历DOM，却发现一些问题并不知道怎么解决。代码如下面。
js代码如下：
var DOM1 = document.getElementsByTagName("li");
console.log(DOM1);
for (let d of DOM1) {
console.log("执行");
console.log(d);
}

HTML中相关代码如下：

控制台输出如下：

这说明li都获取到了啊，但就是for循环中的不执行，请指点为什么。
（浏览器是支持ES6的）

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Go 旅城通票 2017-07-29 08:30
关注
你代码肯定放错位置了，放到dom对象前了，你的[]没有内容，所以后面有个感叹号。

所以for没有打印信息

<body> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </body> <script> ///////////////放dom下面 var DOM1 = document.getElementsByTagName("li"); console.log(DOM1); for (let d of DOM1) { console.log("执行"); console.log(d); } </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

关于ES6的for of循环遍历DOM的问题 es6 javascript
2017-07-29 02:53

回答 2 已采纳你代码肯定放错位置了，放到dom对象前了，你的[]没有内容，所以后面有个感叹号。所以for没有打印信息 ``` 1 2 3 `
关于es6迭代器的问题 es6 前端
2022-07-19 21:37

回答 1 已采纳 let iterator = gen('AAA')表示定义变量iterator为一个生成器函数gen，并且传入arg为'AAA'iterator.next()则生成器函数开始执行,所以console.
关于#es6#的问题，如何解决？ es6 前端
2022-08-30 10:53

回答 1 已采纳 setPrototypeOf和getPrototypeOf是设置和获取原型对象，并不是为对象新增属性 b对象本身并没有y和z属性，他能读取这两个属性，是因为a上面有，而b继承a getPrototyp
ES6 Iterator 和 for...of 循环
2022-10-19 13:41

前端开发小陈的博客不过，严格地说，对象部署遍历器接口并不是很必要，因为这时对象实际上被当作 Map 结构使用，ES5 没有 Map 结构，而 ES6 原生提供了。实际上，这提供了一种简便机制，可以将任何部署了 Iterator 接口的数据结构，...
关于ES6解构赋值的问题 es6
2018-08-23 08:13

回答 1 已采纳 ``` //你的response应该是这样一个对象 response = { data: { msg: 123, success: 876 } } cons
关于Es6模块导入的小问题 javascript
2021-05-12 11:31

回答 1 已采纳不需要啊，你调用的是getUsefulContent方法，而getUsefulContent里调用了getJSON所以main只需要引入getUsefulConten就行，你又没在main.js里调用
For循环前后进行打印的相关数据问题 es6 javascript vue.js
2022-09-29 16:59

回答 4 已采纳如果把代码写成这样你是否明白呢？ ```javascript <script> var arr = [{ name: "张三,里斯,哈哈" }, { name:
ES6中的for...in/of的使用
2022-08-09 20:48

Matcha_ice_cream的博客介绍ES6中的for...in/of
ES6类继承内置类问题 javascript 前端
2023-01-08 00:14

回答 4 已采纳望采纳！！！！点击回答右侧采纳即可采纳！！！1.Array 类是一种特殊的对象，它的实例是一个具有数组功能的对象。在 JavaScript 中，数组是一种特殊的对象，它的实例可以同时具有数组的功能和对
关于es6块级作用域的问题。。。。 es6
2017-05-19 11:16

回答 2 已采纳这个不是es6 块级作用域,这里是变量作用域的范围 ``` //作用域1 function f(){...}; //下面是一个立即执行的块级作用域2 (function(){
关于#运算符#的问题，如何解决？ es6 typescript 前端
2022-07-21 09:33

回答 3 已采纳如果这样不行那就只能用if 来写了。vue可能不支持这种写法 if(vnode.component&&vnode.component.exposed&&vnode.component.expose
es6新增-iterator遍历器,for..of循环
2022-07-19 11:48

卷心菜007的博客 es6新增-iterator遍历器,for..of循环
javaSscript ES6 箭头函数 this 指向问题 es6 javascript
2018-01-03 03:47

回答 5 已采纳 ```javascript lis.addEventlistener('click', (e) => { console.log(e.target); // 触发事件的元素
【JavaScript】循环遍历大赏
2023-02-22 22:25

夜猫逐梦的博客创建一个循环，该循环遍历异步可迭代对象以及同步可迭代对象，包括内置的 String、Array，类数组对象(arguments 或 nodeList)，TypedArray, Map, Set 和用户定义的异步/同步迭代器。本质是获取对象的key（键），数组...
Vue前端js循环遍历数组八种方法总结最新
2022-01-25 17:21

MFG_666的博客前五种常用，第三种个人... // 第一种 for循环遍历 var newArr = []; for(var i = 0; i < arr.length; i++){ newArr.push(arr[i]) console.log(newArr) } // 第二种 es6语法 arr.forEach()遍历 var newArr =
没有解决我的问题, 去提问

悬赏问题

¥100 c语言，请帮蒟蒻看一个题
¥15 名为“Product”的列已属于此 DataTable
¥15 安卓adb backup备份应用数据失败
¥15 eclipse运行项目时遇到的问题
¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
¥50 成都蓉城足球俱乐部小程序抢票
¥15 yolov7训练自己的数据集
¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）

关于ES6的for of循环遍历DOM的问题

2条回答 默认 最新

悬赏问题

2条回答默认最新