JS error object has no method addEventListener

Question

I have following code

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


        

Answer 1

The method querySelectorAll() returns a NodeList which is a collection of nodes.

Hence you need to iterate it to attach event listeners

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