无法将DOM元素设置为变量

Question

我想将一个DOM元素设置为变量，但是当我使用console.log（）变量时，它显示为空。

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

但它在我正在遵循的教程中工作完美。谁能帮我吗？

Answer 1

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

• 确保您的HTML文档具有canvas节点
• 确保您的canvas节点设置为HTML文档

以下的HTML代码将下班后运行脚本当然

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