styleSheet 对象
代表了文档中单一的样式表。
成员表
下面的表格列出了 styleSheet 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。
标签属性/属性
集合
方法
对象
对象 | 描述 |
page |
代表 styleSheet 中的一条 @page 规则。 |
样式
注释
你可以使用此对象获取样式表信息, 比如样式表源文件的 URL 以及文档中拥有(定义了)样式表的元素。你还可以使用此对象修改样式表。
你可以从 styleSheets 集合或 imports 集合中获取 styleSheet 对象。这些集合中的每个项目都是一个样式表。而若要一个样式表对应的 styleSheet 对象可用,则该样式表必须位于带有 style 或 link 元素的文档中,或者位于 style 元素的 @import 语句中。
此元素在 Microsoft® Internet Explorer 4.0 的脚本中可用。
示例
下面的例子使用了 styleSheet 对象更改内嵌和导入样式的样式表值。
<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>
标准信息
没有应用于此对象的公共标准。
应用到