Javascript 如何从CSSRule中提取css属性？

我正在尝试从

CSSRule

中提取CSS属性。 这是一个完整的

CSSRule

对象：

CSSStyleRule{
parentRule:null，
父样式表：CSSStyleSheet{parentStyleSheet:null，cssR
规则：[[Circular*1]]}，
选择文本：'.one'，
样式：CSSStyleDeclaration{
“0”：“显示”，
长度：1，
parentRule:[循环*1]，
_重要事项：{显示：'}，
__开始时间：4，
显示：“块”
},
__起点：0，
__完:20
}

我想从这个对象提取到这个：

{
显示：“块”
}

---

有什么好方法可以从

CSSRule.style

中提取该对象吗？该对象非常凌乱，我不知道该对象将提前使用哪些道具（例如，

显示

，

颜色

，

字体大小

…），因此，我发现从那里提取声明非常困难。

要提取

CSSStyleRule

对象的CSS属性，您可以根据其长度迭代其中的项，使用

item

方法获取属性名，并在

style

对象上查找属性值

为了简单起见，本例使用HtmleElement的

style

属性，而不是设置样式表并访问其内部来测试概念

它还显示CSS速记规则得到扩展：

“严格使用”；
函数映射样式（样式）{
常量映射={}；
for（设i=0；i

具有样式属性的分区
请用您想做的技术细节更新问题，而不是显示控制台日志的部分输出-所需的输出看起来非常像
CSSStyleRule
的
style
属性，您可以直接访问。感谢您的评论。我知道我可以直接访问
style
属性，但我不确定除了那些实际的css声明之外，过滤掉所有道具的最佳方法是什么。这就是我努力奋斗的地方。