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

标签 javascript html

我想要解决这个问题的帮助,我有一个名为index.html的文件和一个名为javascript.js的文件。当我执行 document.getElementById("canvas"),然后尝试更改 Canvas 宽度等内容时,它给了我一个 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 行,谷歌浏览器在控制台上抛出以下错误。未捕获的类型错误:无法将属性“宽度”设置为 null。

非常感谢任何提供帮助的人。

最佳答案

您必须为 Canvas 元素指定id

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

关于javascript - 从外部js文件获取html文件的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37832568/

相关文章:

javascript - 从音频 html5 标签下载

Javascript - for 循环中的 Axios。使用当前获取的响应进行下一次获取数据的迭代

javascript - 将购物车页面上的更新按钮从输入转换为 Shopify 中的 anchor 链接

Javascript 正则表达式表单验证 - 边缘情况

javascript - 如何创建一个具有html标签所有属性的对象?

javascript - 使用 Jquery 加载 @Html.Action

html - 为什么这些内部 div 不对齐?

javascript - es6 类和 "this"以及事件处理程序

javascript - 单击图像,获取坐标

来自 HTML 页面上搜索查询的 PHP Echo