Javascript 你能在JS中获得一个样式而不附加到DOM元素吗?

Javascript 你能在JS中获得一个样式而不附加到DOM元素吗?,javascript,html,css,dom,Javascript,Html,Css,Dom,假设我有一个简单的风格: .element { width: 60px; } 但是我没有这个类的DOM元素。我可以使用纯JS来获得这种风格吗?假设您正在访问DOM计算的某个对象。如果是这样,有人能解释一下哪个CSSOM元素将被用来访问它吗?是的,如果样式只是包含在html中,并且可能不会被计算到任何DOM元素中,我们就可以访问它们 styleSheets提供了附加的样式表数组,我们可以使用循环解析这些样式表 例如: 我已经附上了同一页的例子 哇,一个单独的CSSOM?!?

假设我有一个简单的风格:

   .element {
     width: 60px;
   }

但是我没有这个类的DOM元素。我可以使用纯JS来获得这种风格吗?假设您正在访问DOM计算的某个对象。如果是这样,有人能解释一下哪个CSSOM元素将被用来访问它吗?

是的,如果样式只是包含在html中,并且可能不会被计算到任何DOM元素中,我们就可以访问它们

styleSheets提供了附加的样式表数组,我们可以使用循环解析这些样式表

例如: 我已经附上了同一页的例子


哇,一个单独的CSSOM?!?真不敢相信我这么长时间都没有遇到这个问题。所以你可以访问CSSStylesheet.CSSRuleList.CSSStyleRule来获取样式?它们是数组。所以尝试以数组而不是对象的形式访问它们。