javascript - 事件监听器,请问是哪里出问题了
PHP中文网
PHP中文网 2017-04-11 12:20:13
0
5
235

<ul id="todo-app">
<li class="item">Walk the dog</li>
<li class="item">Pay bills</li>
<li class="item">Make dinner</li>
<li class="item">Code for one hour</li>
</ul>

'use strict';
document.addEventListener('DOMContentLoaded', function() {

let app = document.getElementById('todo-app');
let items = app.getElementsByClassName('item');

//将事件侦听器绑定到每个列表项
for(let item of items){

item.addEventListener('click', function(){
  alert('you clicked on item: ' + item.innerHTML);
});

}

});

我这这样写的,有什么问题吗

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(5)
刘奇

按照你的代码测试了能正常运行

巴扎黑

不会 是 兼容 性 问题 吧???
我 记得 element.getElementsByClassName() 这个 兼容 性 挺 差 的
你 可以 用 其他 查找 DOM 方法 试试 或者 换 浏览器 (:3_|/_)

左手右手慢动作

没毛病,缓存问题?

Peter_Zhu

浏览器兼容性或者是输入法的问题?

迷茫

你再看看这里能运行不能?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板