javascript - 如何在 JavaScript 中获取所有类属性

Question

是否有可能通过 JavaScript 获取类的所有属性？假设我有一个类

.menu { color: black; width: 10px; }

如何通过 JavaScript 将“color: black; width: 10px;”作为字符串获取？

谢谢!

Answer 1

您可以使用 getComputedStyle()。这将找到在 css 文件中完成的所有内联样式或 css 样式。这将返回元素的所有属性计算

请看下面的片段

var el=document.getElementsByClassName("menu")[0];
style=getComputedStyle(el);
console.log(style);

.menu{
color:green;
background:blue;
opacity:1
}

<div class="menu"></div>

您还可以从上述代码段示例中的类中获取特定属性

style.width