如何在VS Code中不使用Node.js运行含DOM的JS代码？报错document未定义

• 直接通过HTML文件运行JS
  创建一个HTML文件（比如命名为index.html），写入基础HTML结构，再用<script>标签引入你的JS文件。浏览器打开这个HTML文件时，会自动加载DOM环境并执行JS代码，完全不会用到Node.js。示例代码：

  <!DOCTYPE html>
  <html>
  <head>
      <title>运行DOM代码</title>
  </head>
  <body>
      <!-- 可添加需要操作的DOM元素 -->
      <div id="target"></div>
      <!-- 替换成你的JS文件名 -->
      <script src="your-script.js"></script>
  </body>
  </html>
  

  写完后直接双击这个HTML文件，就能在浏览器里正常运行含DOM操作的JS代码。

• 检查并修正运行方式
  确保你不是用终端命令（比如node your-script.js）执行JS文件——这种方式会强制用Node.js环境，自然没有document对象。如果用编辑器（比如VS Code），要禁用自动用Node运行JS的插件（比如Code Runner），或者设置插件默认用浏览器打开JS所在的HTML文件。

• 清理编辑器残留配置
  检查编辑器的设置，比如VS Code的settings.json里如果有"code-runner.executorMap": {"javascript": "node"}这类配置，直接删除，避免编辑器自动用Node执行JS文件。

内容的提问来源于stack exchange，提问作者pincho prog