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

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 --------------^

使用 single =，这是一个assignment，而不是一个比较。使用===，这是一个（严格的）比较。您也可以使用==（松散的比较）。