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

Question

是否有可能通过JavaScript获得类的所有属性？可以说我有一个课程

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

我如何获得" 颜色：黑色; width：10px; "作为字符串通过JavaScript？

谢谢！

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