问题：
我的 javascript 中的 canvas 变量似乎没有检测到我的 html 文档中的 canvas 标签，我无法检测到问题的根源。
信息：
我有以下代码：
var canvas = document.querySelector('canvas');
console.log(canvas);
和。。
<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./style.css">
<script src="./code.js"></script>
<title>Canvas Resize</title>
</head><!-- head -->
<body>
<canvas></canvas>
</body><!-- body -->
</html><!-- html -->
和。。
canvas {
border: 1px solid black;
}
在继续上面看到的代码之前，一切都在js文件中使用" console.log("Hello World"); "和" * { backgroud-color： blue; }"进行了测试。
保存和刷新已忠实应用
我还做了一个测试，其中我用字符串常量替换了变量的右值。然后，设置为变量的值显示在两个浏览器(Chrome和Firefox)的控制台中 - 而null则使用原始的右值代码呈现(即：使用" document.querySelector('canvas'); "作为右值)。
请求：
有没有人能够检测到这里出了什么问题？ 我错过了什么？
- 问题的详细描述(带图片)也可以在这里看到：https://i.stack.imgur.com/x5BIl.jpg
为画布提供一个类并使用document.getElementByClassName( Canvas Class Name)查询它，并通过控制台运行它。如果这不起作用，则将<script>标记放在<body>标记的底部，以使浏览器能够在运行 js 代码之前加载所有 DOM 对象。