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

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

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

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

---

谢谢大家!

您可以使用getComputedStyle（）。这将在css文件中查找所有内联样式或css样式。这将返回元素的所有计算属性

请参阅下面的代码片段

var el=document.getElementsByClassName（“菜单”）[0]；
样式=getComputedStyle（el）；
console.log（风格）
菜单{
颜色：绿色；
背景：蓝色；
不透明度：1
}
您可以使用getComputedStyle（）。这将在css文件中查找所有内联样式或css样式。这将返回元素的所有计算属性

请参阅下面的代码片段


var el=document.getElementsByClassName（“菜单”）[0]；
样式=getComputedStyle（el）；
console.log（风格）
菜单{
颜色：绿色；
背景：蓝色；
不透明度：1
}
对我来说，这听起来是个奇怪的问题。听起来您想手动将样式应用于节点，而不是使用类。CSS中的单个规则由于层叠（CSS中的C）而没有什么意义。生成的样式将取决于CSS文件中的其他规则、它们的选择器的特定性、规则的顺序以及与文档中这些特定选择器匹配的节点的上下文。对我来说，这听起来是个奇怪的问题。听起来您想手动将样式应用于节点，而不是使用类。CSS中的单个规则由于层叠（CSS中的C）而没有什么意义。生成的样式将取决于CSS文件中的其他规则、它们的选择器的特定性、规则的顺序以及与文档中这些特定选择器匹配的节点的上下文。另外请注意，返回的颜色不会是文字（例如有问题的“黑色”）或十六进制，如果在CSS中是这样设置的。。。将是rgb或rgba，具体取决于浏览器。要获得“黑色”，开发人员需要做更多的额外工作，类似的问题有
%
，
em
等维度。谢谢您的回答。getComputedStyle是我到目前为止一直在使用的。但这也会返回其他类的属性。我需要的是返回特定类的所有属性：（在这种情况下，您必须深入到所有样式标记的innerHTML中，并使用某种形式的解析器或正则表达式来查找该类。同时，请注意，如果您这样做，并不意味着该类中的规则有效，因为其他样式表或内联样式中可能有其他规则覆盖了该类的这些规则。还请注意，返回的颜色无效。）“不是用文字（比如有问题的“黑色”）甚至十六进制，如果它们是在css中设置的……将是rgb或rgba，具体取决于浏览器。要获得“黑色”developerSimular问题将需要更多的额外工作，如
%
，
em
等。谢谢您的回答。getComputedStyle是我目前使用的。但这也会返回其他类的属性。我需要的是返回特定类的所有属性（在这种情况下，您必须深入所有样式标记的innerHTML，并使用某种形式的解析器或正则表达式来查找该类。同样要注意，如果您这样做，并不意味着该类中的规则有效，因为其他样式表或内联样式中可能有其他规则覆盖该类的这些规则。