Document.querySelectorAll()不起作用

时间:2016-02-10 15:45:05

标签: javascript

我试图获得具有相同类名的多个元素。我没有工作成果。我在这里缺少什么?

HTML

<div class="menu__back"></div>
<div class="menu__back"></div>
<div class="menu__back"></div>

JS

 var backCtrl = document.querySelectorAll('.menu__back');

 backCtrl.addEventListener('click', function() {
   self._back();
 });

 };

1 个答案:

答案 0 :(得分:0)

querySelector()返回一个对象,但querySelectorAll()返回一个对象数组。所以你需要迭代来附加事件:

for(i = 0; i < backCtrl.length; i++) {
   backCtrl[i].addEventListener('click', function() {
     self._back();
   });
}