getElementById и null - почему?

Question

getElementById и null - почему?

Почему этот код не работает? Я использую FF.

<head>
<script type="text/javascript">

document.getElementById("someID").onclick = function(){
    alert("Yahooo");
}
</script> 
</head>

<body> 
<a href="#" id="someID">someID</a>
</body>

</html>

Я получаю ошибку JavaScript, getElementById равно нулю.

9

javascript html null onclick

Источник

user1044461 14 янв '12 в 19:29

2 ответа

Решение

Поскольку элемент еще не существует во время выполнения скрипта - документ еще не обработан. Либо запустите скрипт в блоке скрипта после связанного HTML, либо используйте обработчик события "документ готов" - желательно из чего-то вроде jQuery's .ready() событие, или родной window.onload,

2

Источник

user751158 14 янв '12 в 19:30

Другие вопросы по тегам javascript html null onclick

user782822 14 янв '12 в 19:31 2012-01-14 19:31 · Accepted Answer · 2012-01-14 19:31

Необходимый DOM не загружается при выполнении скрипта. Либо переместите его вниз (ниже href), либо определите его так:

window.onload = function () {
    document.getElementById("someID").onclick = function(){
        alert("Yahooo");
    }
}

window.onload будет вызываться, когда страница полностью загружена.