今日、小さなキャンバス プログラムを書いたときに、この 2 つは異なることに気づきました。 これら 2 つのメソッドが何を取得するかを表示するには、alert() を直接使用します。コードは次のとおりです: コードをコピー コードは次のとおりです: /title> href="css/index .css" rel="stylesheet" type="text/css"> script> <br></head> <br><body> <br><div class="warp"> <br><canvas id="jb51">< ;/canvas> <br><script> <br>alert(canvas_jb51); "jb51")); <br>var jb51_2d=canvas_jb51.getContext("2d"); <br>jb51_img.src="images/Boston-III-48px.png" ; <br>jb51_2d.drawImage(jb51_img,0,0); <br><br> <br> alert() は [オブジェクト Object] および [オブジェクト HTMLCanvasElement] として表示されます。ここから、$("#jb51") が私が期待したものではないことがわかります。 firebug を使用してデバッグし、<br>$("#jb51") と document.getElementById("jb51") の内容を確認します。デバッグ結果は次のとおりです。 <br><br><br><br><br>コードをコピー<br><br> </div> コードは次のとおりです。<br><br> <br>$( "#jb51") [ Canvas#jb51] <div class="codetitle">document.getElementById("jb51") Canvas#jb51 <span><a style="CURSOR: pointer" data="82785" class="copybut" id="copybut82785" onclick="doCopy('code82785')"> <u>おそらく、これを見た後、誰もがこう思うだろうと言う必要はありません。結果の。 </u>実際には、$("#jb51")[0] は document.getElementById("jb51") と同等です。</a></span> </div>