Question

我想帮助解决这个问题，我有一个名为index.html的文件和一个名为javascript.js的文件。当我执行document.getElementById（＆＃34; canvas＆＃34;），然后尝试更改类似于画布宽度的内容时，它会给我一个null异常。

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;
}

在第4行，Google Chrome会在控制台上抛出以下错误。未捕获的TypeError：无法设置属性＆＃39; width＆＃39; null。

非常感谢任何帮助过的人。

Answer 1

您必须指定id到canvas元素

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

Answer 2

document.getElementById("canvas");将为您提供id为“canvas”的元素。您的canvas元素没有id'canvas'。

解决方案：

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

Answer 3

document.getElementById("canvas");

这就是自己说通过 ID 获取元素并且您没有给出设置ID。

在HTML中尝试此操作： -

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

Answer 4

不改变你的html，你可以这样使用它：

document.body.getElementsByTagName('canvas');

从外部js文件获取html文件的元素

4 个答案: