如何读取由CSS类设置的DIV的属性值?

阿瓦兹维

我有一个上课的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)

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

e-neko

您需要计算“计算”样式(应用所有样式表后的结果样式。这是通过调用来完成的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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Kotlin强制执行由特定类设置的属性的值

Symfony2,如何根据值设置属性类?

如何使用Firebase嵌套查询设置类的属性值?

如何动态生成CSS类和/或设置其属性

如何将值设置为Javascript对象中的属性,该属性由键数组标识

如何将CSS类设置为ckeditor的div区域

如何在角度2中设置div的“数据值”属性

如何使用 jquery 返回单击的 div 类的 css 属性?

如何从CSS类设置字符串值?

如何覆盖改变原始值的 CSS 类的属性(less + mixin)

如何为CSS自定义属性设置“ inherit”的值?

如何在 Angular 中使用多个值设置 css 属性?

读取派生类的属性值

如何覆盖由properties-maven-plugin的read-project-properties目标设置的Maven属性值?

如何使用Xpath选择特定容器(由CSS类定义的<div>)的span元素?

如何在传递给另一个类的类上设置属性的值?

在CSS类中覆盖属性时如何获取CSS属性的确切值

如何打印由类方法返回的值

如何将另一个类的属性值设置为 XAML 属性

如何根据类设置值

覆盖现有类并设置属性值

如何将值设置为具有 val 属性的数据类类型的值?

Angular 5 检查属性在时间间隔内更改的值并设置新的 css 类

调用由jQuery中函数背后的代码设置的div类

如何从.NET中的属性类读取方法参数信息(名称和值)

如何设置PasswordType属性的值?

CSS:如何覆盖(取消设置)先前设置的最大宽度属性值

Kotlin数据类:如果在编译时不知道属性名称,如何读取属性的值?

如何正确设置div值