如何判断元素是否display:none？

在 JavaScript 中，可以通过获取目标元素的样式属性来判断元素是否被隐藏。element.style.display 属性可以获取元素的 display 属性值，如果该值为 none，则表示元素被隐藏。代码示例如下：

HTML： <div id="myDiv" style="display:none;">这是一个被隐藏的元素。</div>

JavaScript： const myDiv = document.getElementById("myDiv"); if (myDiv.style.display === "none") { console.log("元素被隐藏了！"); } else { console.log("元素正在显示。"); }

需要注意的是，如果该元素的 display 属性在 CSS 样式表中被定义为 none，而没有通过 element.style 设置，那么上面的代码将无法正确判断元素是否隐藏。此时需要使用 getComputedStyle() 方法来获取计算后的样式属性值，代码示例如下：

JavaScript： const myDiv = document.getElementById("myDiv"); const style = window.getComputedStyle(myDiv); if (style.display === "none") { console.log("元素被隐藏了！"); } else { console.log("元素正在显示。"); }