我正在学习如何使用 javascript 操作 DOM。
我理解JS只能在浏览器环境中访问DOM，因为DOM只能在浏览器中使用，而JS作为“客户端”语言，可以在浏览器上运行，访问DOM并进行操作它。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Hello World</h1>
<script src="script.js" type="text/javascript"></script>
</body>
</html>
const heading = document.querySelector("h1");
console.log(heading);
每次我尝试访问“文档”对象之前，我都会得到：
ReferenceError: document is not defined
我正在使用 Visual Studio Code IDE 上的“运行”按钮。，给定的错误显示在 IDE 的面板（输出部分）上。我没有在浏览器上打开它。我知道 VSCode 不是浏览器环境。我可以配置我的代码的另一种方法是什么，以便它能够访问 DOM？
更改您的 JavaScript，如下所示：
window.onload = function() {
const heading = document.querySelector('h1');
console.log(heading);
}
看起来你的 JavaScript 文件在 DOM 完成加载之前就被执行了。