document.querySelector()无法生效，是否存在依赖问题？使用纯JS与Node.js

安全阿岳

2026-5-26

问题分析与解决方案

嘿，我来帮你拆解下当前遇到的两个核心问题：

1. Node.js环境下无法使用`document.querySelector()`的根本原因

document对象是浏览器提供的DOM专属API，只有在浏览器的网页渲染环境里才存在。而Node.js是运行在服务器端的JavaScript运行时，它没有浏览器的窗口、文档这类DOM环境，所以直接调用document.querySelector()肯定会报错——这个对象本身就不存在，和依赖问题完全无关哦。

如果你的代码是要操作网页元素（比如做前端交互），那应该把代码嵌入HTML文件，用浏览器打开运行；如果确实需要在Node.js环境里处理DOM结构，可以用jsdom这类库来模拟浏览器的DOM环境。

2. 代码里的语法错误

你的代码中window.onload的写法有明显错误：

// 错误写法
window.onload()=function(){...}

正确的方式是给window.onload属性赋值一个函数，要去掉多余的括号：

// 修正后的完整代码（适用于浏览器环境）
window.onload = function(){ 
  var left = document.querySelector('.left'); 
  var right = document.querySelector(".right"); 
  var container = document.querySelector(".container"); 
  console.log(left); 

  left.addEventListener('mouseenter', ()=>{ 
    container.classList.add('hover-left'); 
  }); 

  left.addEventListener('mouseleave', () => { 
    container.classList.remove('hover-left'); 
  });

  // 记得补充right元素对应的事件逻辑哦
};