キャンバスにdocument.getElementByIdが返されますnull

Question

私はjavascriptを初めて使っています。そうしているうちに私は理解できないこの問題に遭遇し、私はあなたの助けを求めてここにいます。

これは、私は、コンソール（放火魔）で次のように実行すると、それはnullを返し、私は今http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_canvas_empty

、上にあったページIです。

なぜ私はここに期待した結果が得られませんか？

Answer 1

DOMは、draw関数が呼び出されたときに既に読み込まれています。正しいです。

しかし、var canvas = document.getElementById（ 'control'）; - 描画関数内にないので、行はその前に評価されます。要素がレンダリングされる前に文書のすぐに実行されます。

私はあなたがこのページには、サンプル文書を保持するためのiframeを使用している

var canvas = document.getElementById('myCanvas'); 
var context = canvas.getContext('2d');