getElementById はオブジェクトを取得できません
ブラウザがドキュメントを解析する際には順序があり、ページが読み込まれる前、または対応する DOM オブジェクトが読み込まれる前に、対応するオブジェクトを取得できません。
以下のコードを見てください。
<スクリプト>
var temp = document.getElementById("div");
アラート(一時);
</script>
<本文>
<div id="div">
<input name="ユーザー名" id="ユーザー名" type="text">
<button id="btn">ボタン</button>
</div>
</body>このコードでは、 document.getElementById(“div”)オブジェクトを取得できず、alert(temp) は null をポップアップします。
これは、ブラウザが script タグ内のコードを解析するときに、本文内の DOM 要素が読み込まれていないため、当然何も取得できません。
解決策: スクリプト内のコードを body 要素の後に移動します。
<本文>
<div id="div">
<input name="ユーザー名" id="ユーザー名" type="text">
<button id="btn">ボタン</button>
</div>
<スクリプト>
var temp = document.getElementById("div");
アラート(一時);
</script>
</body>または window.onload を追加します
<スクリプト>
window.onload = function(){
var temp = document.getElementById("div");
アラート(一時);
}
</script>要約する
上記は、document.getElementBy シリーズのメソッドがオブジェクトを取得できない問題を解決するためにエディターが紹介したものです。downcodes.com ウェブサイトをご利用いただき、誠にありがとうございます。