Document.querySelectorAll() 不起作用

Document.querySelectorAll() not working

本文关键字:不起作用 querySelectorAll Document      更新时间:2023-09-26

我试图获取具有相同类名的多个元素。我没有得到任何工作结果。我在这里错过了什么?

.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();
 });
 };
querySelector()返回

一个对象,但querySelectorAll()返回一个对象数组。因此,您需要迭代以附加事件:

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