Question

当我运行下面的代码时，我得到了＆＃39; null＆＃39;对于可变表面。谁能告诉我我做错了什么？

<html>

<body>
    <script>
        var surface = document.getElementById("myCanvas");
        console.log("surface: " + surface);
    </script>

    <canvas id="myCanvas" width="300" height="150">
        <p>Your browser doesn't support canvas.</p>
    </canvas>
</body>

</html>

Answer 1

当您尝试获取该元素时，该元素尚不存在，移动脚本标记以使元素位于DOM之前

<html>

<body>
    <canvas id="myCanvas" width="300" height="150">
        <p>Your browser doesn't support canvas.</p>
    </canvas>

    <script>
        var surface = document.getElementById("myCanvas");
        console.log("surface: " + surface);
    </script>
</body>

</html>

Answer 2

将你的javascript放在画布之后，它很可能在画布在页面上呈现之前运行。

getElementById为Canvas元素返回null

2 个答案: