javascript - Javascript、getElementById、およびスタイルが機能しない: Uncaught TypeError: null のプロパティ 'style' を読み取れません

Question

ここにこのコードがあります：

document.getElementById('success').style.display("block");
document.getElementById('success').text("aaaa");

このエラーが表示されます。なぜですか?

Uncaught TypeError: Cannot read property 'style' of null 

<span id="success" style="color:#FFF; display:none;"></span>

コードをページの一番下に移動したところ、この新しいエラーが発生しました

Uncaught TypeError: Property 'display' of object #<CSSStyleDeclaration> is not a function

score 3 · Accepted Answer

次のようにする必要があります。

var elSuccess = document.getElementById('success');
elSuccess.style.display = 'block';
elSuccess.innerText = 'aaa';

score 3 · Accepted Answer

それは単に、その JavaScript の実行時に

document.getElementById('success')  // is NULL

これは、ドキュメントに idsuccessを持つ要素がないか、まだ読み込まれていないことを意味します。Javascript がロードされた後に呼び出されるように移動します。

score 1 · Accepted Answer

つまり

ケース 1:その ID を持つ要素がそのページに読み込まれる前に、JavaScript コードが実行されるか、

ケース 2:ドキュメント内にそのような ID を持つ要素が存在しない

問題がケース 1 の場合:

</body>終了タグの直前に JavaScript コードを配置してみてください

ケース2の場合：

id行内の要素のを変更してみてください

document.getElementById('success').style.display("block");
document.getElementById('success').text("aaaa");

を実際に存在するid 'success'他のものに変更しますid

score 0 · Accepted Answer

これにはjQueryを使用することをお勧めします

 $("#success").css("display","block");
 $("#success").append("aaa");

score 0 · Accepted Answer

if(document.getElementById('success') != null)
{
 ................................
}

ID の要素が存在しませんsuccess

5 に答える 5