javascript - 从具有特定 css 样式的类中获取所有元素

Question

我想获得第一个具有 style.fontWeight = 'bold'; 的元素

这是我尝试过的

function navigate(input) {
  var array = document.querySelectorAll('.menuulli').style.fontWeight == 'bold';
  console.log(array)
}

标签： javascripthtmlcss

Answer 1

由于bolder、bold、normal都映射到它们对应的字体权重数值，您可以尝试以下方法：

function navigate(){
  var els = document.querySelectorAll('.menuulli');
  els = [...els].filter(el => {
    return getComputedStyle(el).fontWeight == "700"
  })[0];
  return els;
}
console.log(navigate());

.menuulli{
  font-weight: bold;
}

<ul>
  <li class="menuulli first">1</li>
  <li class="menuulli">2</li>
</ul>