document.getElementByにコメント付随する新バージョンのアセンブリー
2021-12-31 20:42:55
getElementById がオブジェクトを取得できません。
ブラウザのドキュメント解析に順番があり、ページが読み込まれるまで、あるいは対応するDOMオブジェクトが読み込まれるまで、対応するオブジェクトを取得できない。
次のコードを見てください。
<script>
var temp = document.getElementById("div");
alert(temp);
</script>
<body>
<div id="div">
<input name="username" id="username" type="text">
<button id="btn">button</button>
</div>
</body>
このコードでは
document.getElementById("div")
はオブジェクトを取得しないので、alert(temp) は null をポップアップします。
これは、ブラウザが script タグのコードを解析するときに、body 内の DOM 要素がまだ読み込まれていないため、当然ながら何も取得できないからです。
解決策 scriptのコードをbody要素の後に移動させる。
<body>
<div id="div">
<input name="username" id="username" type="text">
<button id="btn">button</button>
</div>
<script>
var temp = document.getElementById("div");
alert(temp);
</script>
</body>
またはwindow.onloadを追加する
<script>
window.onload = function(){
var temp = document.getElementById("div");
alert(temp);
}
</script>
概要
以上、document.getElementByシリーズメソッドがオブジェクトを取得できない問題の解決策ですが、皆様のお役に立てれば幸いです、BinaryDevelopサイトのサポートに大変感謝しております
/p
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン