外部jsファイルからhtmlファイルの要素を取得する

私はこの問題の助けを借りて、index.htmlという名前のファイルとjavascript.jsという名前のファイルを持っています。私がdocument.getElementById（ "canvas"）を実行し、キャンバスの幅のようなものを変更しようとすると、null例外が発生します。 4行目で外部jsファイルからhtmlファイルの要素を取得する

HTMLファイル

<html> 
    <body> 
     <canvas> </canvas> 
     <script src="javascript.js"></script> 
     <script>getCanvas.start();</script> 
    </body> 
</html>

のJavaScriptファイル

var canvas; 
function getCanvas() { 
    canvas = document.getElementById("canvas"); 
    canvas.width = 500; 
}

、GoogleのChromeは私のコンソールに次のエラーがスローされます。 Uncaught TypeError：nullのプロパティ 'width'を設定できません。

誰でも助けてくれて大変感謝しています。

出典

2016-06-15 Okkahs

あなたはあなたの 'キャンバス' のIDを持つ要素を取得しますcanvas要素

<canvas id="canvas"> </canvas>

出典

2016-06-15 10:21:07

洙ありがとうございました、それは新人の間違いでした。 – Okkahs

document.getElementById("canvas");にidを指定する必要があります。あなたのcanvas要素にid 'canvas'がありません。

ソリューション：

<canvas id="canvas"> </canvas>

出典

2016-06-15 10:21:17 otajor

あなたのキャンバスのIDが "キャンバス" ではありません。あなたのcanvas要素のためのIDを設定し、あなたのコードは動作します：

<html> 
    <body> 
     <canvas id="canvas"> </canvas> 
     <script src="javascript.js"></script> 
     <script>getCanvas.start();</script> 
    </body> 
</html>

出典

2016-06-15 10:21:52

document.getElementById("canvas");

このことが自己IDことによって、要素を取得すると言うと、あなたはセットIDを与えませんでした。

あなたのHTMLにこれを試してみてください： -

<canvas id="canvas"> </canvas>

出典

2016-06-15 10:23:44

あなたのhtmlを変更せずに、あなたがそのように使用することができます。

document.body.getElementsByTagName('canvas');

出典

2016-06-15 10:32:33

外部jsファイルからhtmlファイルの要素を取得する

答えて

関連する問題