styleSheet 对象

代表了文档中单一的样式表。

成员表

下面的表格列出了 styleSheet 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。

标签属性/属性

SHOW: 标签属性/属性 集合 方法 对象 样式 标签属性 属性 描述 canHaveHTML 获取表明对象是否可以包含丰富的 HTML 标签的值。 disabled 设置或获取是否已为对象应用样式表。 href 设置或获取链接样式表的 URL。 ID id 获取标识对象的字符串。 isContentEditable 获取表明用户是否可编辑对象内容的值。 isDisabled 获取表明用户是否可与该对象交互的值。 isMultiLine 获取表明对象的内容是包含一行还是多行的值。 owningElement 获取 HTML 层次中的下个对象。 parentStyleSheet 获取导入到当前样式表的样式表。 readOnly 获取规则或样式表是定义在页面上还是导入的。 TITLE title 设置或获取样式表的标题。 type 获取样式表编写所用的样式表(CSS)语言。

标签属性/属性

集合

集合	描述
imports	获取为每个 styleSheet 对象定义的所有导入样式表的集合。
pages	获取代表 styleSheet 中的 @page 规则的 page 对象的集合。
rules	获取样式表中所定义规则的集合。

方法

方法	描述
addImport	为指定样式表向 imports 集合中添加样式表。
addPageRule	为样式表创建新的 page 对象。
addRule	为样式表创建新规则。
fireEvent	触发对象的指定事件。
removeRule	删除 styleSheet 对象中的已有样式规则，并调整对应 rules 集合的索引。

对象

对象	描述
page	代表 styleSheet 中的一条 @page 规则。

样式

样式标签属性	样式属性	描述
	cssText	设置或获取样式规则的永久表述。
MEDIA	media	设置或获取媒体类型。
text-autospace	textAutospace	设置或获取自动留空和文本的窄空间宽度调整。

注释

你可以使用此对象获取样式表信息, 比如样式表源文件的 URL 以及文档中拥有(定义了)样式表的元素。你还可以使用此对象修改样式表。

你可以从 styleSheets 集合或 imports 集合中获取 styleSheet 对象。这些集合中的每个项目都是一个样式表。而若要一个样式表对应的 styleSheet 对象可用，则该样式表必须位于带有 style 或 link 元素的文档中，或者位于 style 元素的 @import 语句中。

此元素在 Microsoft^® Internet Explorer 4.0 的脚本中可用。

示例

下面的例子使用了 styleSheet 对象更改内嵌和导入样式的样式表值。

SHOWExample

<STYLE>
BODY {background-color: #CFCFCF;}
@import url("otherStyleSheet.css");
</STYLE>
<SCRIPT>
window.onload=fnInit;
function fnInit(){
// 访问 styleSheet 中的一条规则, 将其 backgroundColor 改为蓝色。
var oStyleSheet=document.styleSheets[0];
var oRule=oStyleSheet.rules[0];
oRule.style.backgroundColor="#0000FF";
// 为 P 元素添加一条规则, 将其背景色设为黄色。
oStyleSheet.addRule("P","background-color: #FFFF00;");
// 更改导入的规则:
oStyleSheet.imports[0].color="#000000";
}
</SCRIPT>

标准信息

没有应用于此对象的公共标准。

应用到

[ 对象名称 ] 平台 版本 Win16:   Win32:   WinCE:   Unix:   Mac:   版本数据当鼠标指向链接或链接获得焦点时在此列出。	styleSheets
将鼠标光标移动到应用到清单中的元素即可显示关于列出平台的可用信息。