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

Can you get a style in JS without it being attached to a DOM element?

本文关键字:元素 DOM 样式 一个 JS      更新时间:2023-09-26

假设我有一个简单的样式:

   .element {
     width: 60px;
   }

但是我没有该类的DOM元素。我可以使用纯JS来获得那种风格吗?getComputedStyle()假定您正在访问DOM计算的某个内容。如果是的话,有人能解释一下哪个CSSOM元素会被用来访问它吗?

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

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

示例:我附上了同一页的例子。

请参阅此图以更好地理解