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

Question

我有一系列共享课程的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);
}

但警报说“未定义”。代码有什么问题？

Answer 1

这一行：

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

应该是

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

使用单个=，它是分配，而不是比较。使用===，它是（strict）比较。您也可以使用==（loose comparison）。