无法将DOM元素设置为变量

Question

我正在尝试将DOM元素设置为变量，但是当我在console.log（）变量时，它显示为null。

var canvas = document.querySelector('canvas');
console.log(canvas); //null

但它在我关注的教程中工作得很好。任何人都可以帮助我吗？

Answer 1

由于specification，如果找不到匹配项，querySelector()将返回null。因此，在您尝试获取节点时，您没有canvas个节点。你应该

• 确保您的html文档包含canvas node
• 确保在canvas节点设置为html文档
后运行脚本

以下html代码肯定会起作用

    <canvas id="myCanvas"></canvas>
    <script>
        var canvas = document.querySelector('canvas');
        console.log(canvas);
    </script>