Простой слушатель событий не работает - JS

Я написал increbily простой слушатель событий, и все же он приходит с ошибкой: Uncaught TypeError: Cannot call method 'addEventListener' of null, который наводит на мысль, что это делать с идентификатором, может быть (также работает с documentПростой слушатель событий не работает - JS

<html> 
<head> 
    <script type="text/javascript"> 
     function message() { 
     alert("Hello!"); 
     } 
     var button = document.getElementById('button'); 
     button.addEventListener('click', message, true); 
    </script> 
</head> 
<body> 
    <input type="button" id="button" value="Click me!" /> 
</body> 
</html>

(Я знаю, что после этого я буду чувствовать себя глупо, но я JS noob)

источник

2013-07-18 user2594377

Поместите раздел сценария в нижней части вашего тела прямо над '', элемент, на который вы ссылаетесь, еще не загружен. –

Бинго! но я подумал, что сценарий вошел в голову? – user2594377

Лучше всего поместить нижнюю часть тела в большинстве случаев - если вы не хотите, чтобы они запускали _before_, элементы загружались. –

в то время, когда выполняется ваш скрипт es, DOM не был создан. вы можете поместить свой скрипт после тегов тела, чтобы запустить его после чтения html, но лучший способ сделать это - прослушать DOMContentLoaded.

document.addEventListener('DOMContentLoaded', init, false); 
function init(){ 
    function message() { 
    alert("Hello!"); 
    } 
    var button = document.getElementById('button'); 
    button.addEventListener('click', message, true); 
};

window.onload = init также работает. Мне это не нравится, потому что мне кажется, что один скрипт может перезаписать window.onload как свою собственную функцию init. (я не подтвердил, что это произойдет или нет)

источник

2013-07-18 07:28:33 Plato

Отличная благодарность! – user2594377

Добро пожаловать! Добро пожаловать в js – Plato

Поскольку этот скрипт выполняется, когда тело еще не загружено. Используйте событие onload и внутри него вставьте свой код.

источник

2013-07-18 07:27:47 user1882981

Простой слушатель событий не работает - JS

ответ

Смежные вопросы