javascript - 计算隐藏的 div 数

Question

我需要一种普通的 JS 方法来计算页面上隐藏 div 的数量。

我有三个具有内联样式的 div display: none。我认为这会起作用，但没有运气:

var hiddenContainers = (document.getElementsByClassName(".emp-container").style.display == "none").length;

我已经尝试了 SO 的几种解决方案，并发现了一些成功的 JQuery 解决方案，但我正在编写的内容需要完全在常规的旧 JavaScript 中完成。

编辑:这可行，但似乎是获得我想要的东西的不必要的迂回方式:

var hiddenContainers = [];
  var containers = document.querySelectorAll(".emp-container");
  for (var i = 0; i < containers.length; i++) {
    if (containers[i].style.display == "none") {
      hiddenContainers.push(containers[i]);
    }
  }

Answer 1

function countclick(){
  var m = document.querySelectorAll('.divs[style*="display:none;"]').length;
  document.getElementById('count').innerHTML = "Hidden Divs: "+m;
}

<div class='divs' style="display:none;">a</div>
<div class='divs' style="">b</div>
<div class='divs' style="">c</div>
<div class='divs' style="display:none;">d</div>
<div class='divs' style="">e</div>
<div class='divs' style="display:none;">f</div>
<hr/>
<span id="count">Hidden Divs: 0</span><br/>
<button onclick='countclick();'>Count</button>