DOM Level 2 Style Sheet

简介

DOM Level 2 Style Sheet接口主要用来表示任何类型的样式表。

不过在标准文档里面也说明了，这些接口并不是必须实现的。DOM实现是否支持这个接口，我们可以通过使DOMImplementation.hasFeature(feature, version)这个方法去判断。

document.implementation.hasFeature( 'StyleSheets','2.0' )

NOTE:关于这个document.implementation的属性，可以参考标准文档的定义或者火狐的MDN文档

StyleSheet

StyleSheet用来表示文档外链的样式表，包括通过link标签或者是style标签引入的样式。

var sheets = document.styleSheets;

NOTE：在火狐下这行代码返回结果正确，可是在chrome下就有问题了，返回结果被截断了。如果使用ID选择器还是能正常访问DOM的相关属性。我想这应该是chrome的一个BUG吧。点击查看示例页面。

FireFox:

Chrome:

属性	值	描述	示例
type	string	规定的content type	text/css
disabled	bool	如果这个样式表有被应用到文档上，值为false；否则为true
media	MediaList，类数组	如果这个样式表有被应用到文档上，值为false；否则为true
parentStyleSheet	StyleSheet	样式表支持引入其他样式表的时候，需要有一个树形用来表示其父样式表。如果没有样式表为顶级样式表，则这个值为null。
title	string	DOM节点标准属性了