如何在NodeList的forEach循环中无需额外循环选中指定类名元素

你可以在已有的forEach循环内部直接判断当前元素的类名，符合指定条件就直接应用样式，完全不需要额外循环。举个实际代码例子：

// 选中所有锚标签
const links = document.querySelectorAll('a');

// 遍历执行计算并处理样式
links.forEach(link => {
  // 这里放你的计算逻辑，比如数据统计、值计算等
  const contentLength = link.textContent.length;
  
  // 判断当前元素是否是目标类名（比如class_3）
  if (link.classList.contains('class_3')) {
    // 直接给该元素应用样式
    link.style.color = '#ff4444';
    link.style.fontWeight = '700';
  }
});

如果目标类名对应的元素是唯一的，也可以提前单独选中它，等循环内的计算全部完成后，再直接给这个元素加样式，同样不需要额外循环：

const links = document.querySelectorAll('a');
// 提前选中目标元素
const targetLink = document.querySelector('.class_3');

links.forEach(link => {
  // 执行你的计算逻辑
  // ...
});

// 循环结束后直接应用样式
targetLink.style.backgroundColor = '#f5f5f5';

要是你需要把循环内的计算结果关联到样式上，那第一种在循环内判断的方式更合适，能直接把计算值复用在样式设置里。

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