我有一个上课的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)
但是我没有在控制台中看到任何内容。
您需要计算“计算”样式(应用所有样式表后的结果样式。这是通过调用来完成的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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句