javascript - 如何读取由 CSS 类设置的 DIV 的属性值？

Question

我有一个带有类的 DIV:

.myClass {
   width : 40px;
   height: 40px;
   display:block;
}

在 HTML 中，我已经声明:

<div class = "myClass"> Hello</div>

如何在 JavaScript 中读取此 div 的属性“display”的值？

我试过:

a = document.getElementsByClassName("myClass")
console.log(a[0].style.display)

但我在控制台中没有看到任何内容。

Answer 1

您需要计算“计算”样式(应用所有样式表后生成的样式。 这是通过调用 getComputedStyle() 来完成的.

var element = document.getElementsByClassName("myClass")[0];
var style = window.getComputedStyle(element).getPropertyValue('display');
console.log(style);

.myClass {
   width : 40px;
   height: 40px;
   display:block;
}

<div class="myClass"> Hello</div>