HTML5关于js在body中的位置的问题
下面是我执行的html文件的代码
<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript" >
var canvas = document.getElementById("myCanvas");
var cxt = canvas.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();
</script>
</body>
</html>
如此没有错，当js代码位置按下面这样放的时候就会报canvas对象为null，希望各位高手提供原因！！！
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript" >
var canvas = document.getElementById("myCanvas");
var cxt = canvas.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();
</script>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
嗯嗯，是的，试了可以，非常3 g u
非常感谢
非常感谢
因为script放在canvas前面的话，script执行
document.getElementById("myCanvas")，立即
去找这个canvas，但此时canvas还没在document中，根本找不到；放在canvas后面的话，由于在执行这句之前，canvas已经在文档中了，所以可以找到，问题就是这样的。