我需要一种普通的 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]);
}
}
最佳答案
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>
关于javascript - 计算隐藏的 div 数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51465458/