javascript操作styleSheet样式的例子

作者:袖梨 2022-11-14
代码如下 复制代码

0: CSSStyleSheet
cssRules: CSSRuleList
0: CSSStyleRule
length: 1
__proto__: CSSRuleList
disabled: false
href: null
media: MediaList
ownerNode: style
ownerRule: null
parentStyleSheet: null
rules: CSSRuleList
title: null
type: "text/css"
__proto__: CSSStyleSheet


这个是cssRule的DOM结构
disabled:表示样式表是否被禁用的布尔值。这个属性是可读/写的,将这个值设置为true可以禁用样式表。
href:如果样式表是通过包含的,则是样式表的URL;否则,是null。
media:当前样式表支持的所有媒体类型的集合。与所有DOM集合一样,这个集合也有一个length属性和一个item()方法。也可以使用方括号语法取得结合中特定的项。如果集合是空列表项,表示样式表适用于所有媒体。在IE中,media是一个反映