CSSStyleSheet对象的属性和方法列表

课后整理 2020-12-20

CSSStyleSheet对象表示一个单独的CSS样式表。

CSS样式表由CSS规则组成,可以通过CSSRule对象操作每条规则。CSSStyleSheet对象允许查询、插入和删除样式表规则。

可以通过使用 document.styleSheets 属性获得给定文档的样式表列表(样式表对象的集合)。

CSSStyleRule对象的属性

属性 描述
cssRules 以数组的形式返回样式表中所有 CSS 规则。
disabled 该属性指示是否已应用当前样式表。如果为 true,样式表被关闭,且不能应用于文档。如果为 false,样式表打开并且可以应用于文档。
href 返回样式表的位置(URL),如果是内联样式表,则为 null。
media 规定样式信息预期的目标媒介。
ownerNode 返回将该样式表与文档相关联的节点。
ownerRule 如果该样式表来自 @import 规则,ownerRule 属性将包含 CSSImportRule。
parentStyleSheet 返回包含该样式表的样式表(如果有的话)。
title 返回当前样式表的标题。标题可以通过引用该样式表的 <style> 或 <link> 元素的 title 属性来指定。
type 规定该样式表的样式表语言。以 MIME 类型表示,CSS 样式表的类型为 "text/css"。

CSSStyleRule对象方法

方法 描述
addRule() 为一个样式表添加一条规则的特定于 IE 的方法。
deleteRule() 从指定位置删除规则的 DOM 标准方法。
insertRule() 向样式表中插入一条新规则的 DOM 标准方法。
removeRule() 删除一条规则的特定于 IE 的方法。