Путаница о функции onclick

Question

Начинающий JS здесь, надеюсь, кто-нибудь сможет это объяснить.

1) Почему это не работает:

var allSpans = document.getElementsByTagName('span'); 
allSpans.onclick = function() { 
alert('hoo'); 
}; 

2) или если у меня есть все innerHTML из пролетов в массиве, и я стараюсь это:

var allSpans = document.getElementsByTagName('span'); 
var arrayNumbers = []; 

for (var i = 0; i < allSpans.length; i++) { 
    var operator = allSpans[i].innerHTML; 
} 
arrayNumbers.onclick = function() { 
alert('hoo'); 
}; 

Answer 1

1. onclick является свойство HTMLElementNode объектов. getElementsByTagName возвращает NodeList. Присвоение свойства NodeList не присваивает его каждому члену этого списка.
2. Точно так же, за исключением случаев, когда вы имеете дело с Array вместо NodeList.

Answer 2

Вы должны перебирать возвращаемый список

var allSpans = document.getElementsByTagName('span'); 

for (var i = 0; i < allSpans.length; i += 1) { 
    allSpans[i].onclick = function (event) { 
     alert('hoo'); 
    }; 
} 

Answer 3

Чтобы ответить на первый вопрос, вы должны добавить это на каждом узле вместо Нодлист, что то, что вы получаете, когда вы звоните document.getElementsByTagName. Что вы ищете является:

for(var i = 0; i < allSpans.length; i++){ 
    allSpans[i].onClick = function(){ 
    alert('hoo'); 
    }; 
} 

У вас есть аналогичная проблема во втором вопросе, за исключением того, что не появляется, как будто вы на самом деле добавляя ничего к arrayNumbers массива, так что даже если вы петельные через что вы не получите ожидание событий при нажатии.