如何用JS查找文档中的类并为导航元素分配类？代码故障排查

你的代码里有两个核心问题导致逻辑失效：

• querySelector('div')只会获取页面第一个div元素，完全忽略了你要找的privatiemsverslui-verslui999类，根本达不到“查找带指定类的div”的目的。
• if语句末尾多了个分号;，这会直接截断条件判断——不管div是否包含目标类，element.classList.add('active-verslui')都会执行，else分支永远不会触发。

修正后的代码：

function myFunction(e) {
  // 获取导航元素
  const navElement = document.getElementById('nav-verslui');
  // 直接查找带指定类的div，找不到则返回null
  const targetDiv = document.querySelector('div.privatiemsverslui-verslui999');

  // 先确保导航元素存在，避免报错
  if (navElement) {
    if (targetDiv) {
      navElement.classList.add('active-verslui');
    } else {
      navElement.classList.remove('active-verslui');
    }
    // 也可以用更简洁的写法：
    // navElement.classList.toggle('active-verslui', !!targetDiv);
  }
}

修正说明：

1. 用div.privatiemsverslui-verslui999作为querySelector的参数，直接定位带目标类的div元素，找不到时返回null。
2. 删除了if语句末尾的多余分号，让条件判断逻辑正常工作。
3. 增加了导航元素的存在性判断，防止页面中没有nav-verslui元素时出现控制台报错。
4. 额外提供了classList.toggle的简化写法，第二个参数传入布尔值，自动完成类的添加/移除操作。

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