使用JavaScript检查元素是否具有特定的CSS属性

如何检查元素是否具有特定的CSS属性？例如，如果我将某个样式设置为div，如

div{width:100px；height:100px；background color:red；visibility:hidden；}

我如何知道div是否设置了visibility属性。如果div有一个visibility属性hidden，则返回true；如果没有visibility属性，则返回false。

这可以通过函数

getComputedStyle（）

实现

let元素=document.querySelector（'.block'）；
let style=getComputedStyle（元素）；
如果（style.visibility==“hidden”）{
console.log（'true'）；
} 
else{console.log（'false'）；
}

.block{
宽度：100px；
高度：100px；
背景色：红色；
可见性：隐藏；
}

---

到目前为止，您尝试了什么？