首页 > 解决方案 > 如何检测 javascript if 语句中的所有 div 显示样式?

问题描述

假设我有 5 个 div,

div1 到 div5。

它们都有不同的展示风格,

有时2个都没有,

有时2是块。

有时一切都没有,

有时都是阻塞的。

由于我设置的功能。

我想做一个 if 语句,当所有 div 都是样式时发生。显示=块。

就像是

如果(所有 div 都是样式。显示。= 块){ 东西 }

但我不知道如何在 JavaScript if 语句中对 5 个 div 使用 &&。

请进一步指导我。谢谢!

标签: javascriptif-statementdisplay

解决方案


您可以Array.prototype.every在将 querySelectorAll 转换为数组后使用:

const divs = document.querySelectorAll('div');
if (Array.from(divs).every((el)=> el.style.display == "block") {
  // ...
}

推荐阅读