1. ホーム
  2. javascript

[解決済み] getElementById と null - なぜ?[重複]。

2022-02-19 17:40:56

質問

なぜこのコードは動作しないのでしょうか?私は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 equals to nullが発生します。

どうすればいいですか?

スクリプト実行時に必要なDOMが読み込まれていない。下(hrefの下)に移動させるか、このように定義してください。

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

window.onloadは、ページが完全にロードされたときに呼び出されます。