VS Code中document.getElementById()报错‘document未定义’求助

• 报错根源：你直接用Node.js运行单独的JS文件了。document是浏览器提供的DOM操作对象，Node.js是后端运行环境，根本没有这个对象，所以报错。而Replit是在浏览器沙箱里运行你的代码，自然能正常工作。
• 正确操作步骤：
  1. 新建一个HTML文件，把你的JS代码放到<script>标签中，同时确保页面里存在id="change"的元素：

     <!DOCTYPE html>
     <html lang="en">
     <body>
       <h1 id="change">初始文本</h1>
       <script>
         let head = document.getElementById('change')
         head.innerText = 'hello'
       </script>
     </body>
     </html>
     

  2. 用你已安装的Live Server或Live Preview扩展打开这个HTML文件：右键点击HTML文件，选择「Open with Live Server」，或者通过Live Preview启动预览。这样代码会在浏览器环境中执行，就能正常调用document对象了。
• 注意：前端DOM相关代码必须在浏览器环境运行，别用Node.js直接执行这类代码。

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