如何检测类中的哪个元素具有某种样式

How to detect which element in a class has a certain style

本文关键字：元素 样式 何检测 检测      更新时间：2023-09-26

我有一系列共享类的select列表。它们都在彼此的上面，一个是display: inline，另一个是display: none。我如何使用纯JavaScript(没有jQuery)来查找正在显示和检索其value的列表?

我在想这样的事情:

function retrieve() {
  var value
  elements = document.getElementsByClassName('class');
  for (var i = 0; i < elements.length; i++) {
    if(elements[i].style.display = 'inline') {
      value = elements[i].value;
      break;
    }
  }
  alert(value);
}

但是警告说"未定义"。代码有什么问题?

这一行:

if(elements[i].style.display = 'inline') {
应该

if(elements[i].style.display === 'inline') {
// change here --------------^

对于单个=，它是赋值，而不是比较。对于===，这是一个(严格的)比较。您也可以使用==(一个松散的比较)。

相关文章：