JS錯誤對象有沒有方法的addEventListener

Question

我有下面的代碼

var el = document.querySelectorAll('.block'); 
console.log(el); 
el.addEventListener('click', function() { 
    alert('hello'); 
}, false); 

但是，它返回一個錯誤Uncaught TypeError: Object #<NodeList> has no method 'addEventListener'

爲什麼會出現這個錯誤，我怎麼能解決這個問題呢？

Answer 1

因爲，正如錯誤消息告訴您的那樣NodeLists沒有an addEventListener method.您應該遍歷節點列表和addEventListener到每個元素內 - 假設您想要添加N個監聽器。

或者，select only a single element，其餘代碼將按照書面形式工作。

Answer 2

你應該遍歷節點列表

var el = document.querySelectorAll('.block'); 
console.log(el); 
for(var i=0; i < el.length; i++){ 
    el[i].addEventListener('click', function() { 
     alert('hello'); 
    }, false); 
}