なぜ私はこのJavaScriptエラーを受け取っていますか？nullのプロパティ 'style'を読むことができません

-2

DOM操作の学習を始めたばかりで、h1のフォント色をjavaScriptを使って変更する簡単な作業をしたいのですが、プロパティの 'style' of nullを読み込みます。私のjsファイルはhtmlに接続されていますが、次の行は機能しません。助けてください。なぜ私はこのJavaScriptエラーを受け取っていますか？nullのプロパティ 'style'を読むことができません

demo.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>My Site</title> 
    <script type="text/javascript" src="demo.js"></script> 
</head> 
<body> 
<h1>My Website</h1> 
</body> 
</html>

demo.js

alert("connected"); 
var h1=document.querySelector("h1"); 
h1.style.color="pink";

出典

2017-07-01 Subham Kaps

DOMがロードされた後、またはDOMがロードされるのを待ってからスクリプトをインクルードしてください。 – Li357

ありがとうございます。それは働いている。 –

あなたは、本体の終わりに、あなたのjsをリンクロードする必要があります。あなたはDOMをメインプレートしていますが、それが完全にロードされていないので、なぜあなたにヌル値を与えているのですか？あなたはDOMがロードされていることを待たなければなりません

<!DOCTYPE html> 
<html> 
<head> 
    <title>My Site</title> 
</head> 
<body> 
<h1>My Website</h1> 
    <script type="text/javascript" src="demo.js"></script> 
</body>

か、あなたのスクリプトタグで延期

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>My Site</title> 
     <script type="text/javascript" src="demo.js" defer></script> 
    </head> 
    <body> 
    <h1>My Website</h1> 
    </body> 

</html>

出典

2017-07-01 15:28:23 Dij

ありがとうございます。それは働いている。 –

を使用することができます。これを試してみてください。

document.addEventListener('DOMContentLoaded', function(){"put your code here"});

出典

2017-07-01 15:29:53

なぜ私はこのJavaScriptエラーを受け取っていますか？nullのプロパティ 'style'を読むことができません

答えて

関連する問題