Document.styleSheets 对象集合介绍

阅读更多

/**    * 得到 styleSheets:方法    * @return Array of styleSheet     */      function getDocStyleSheets(){        var doc_styleSheets=document.styleSheets;     return doc_styleSheets;      }         var css01=getDocStyleSheets()[0];//得到文档中关联的第一个stylesheet片段对象.   /*   stylesheet对象   对于Firefox公开的对象:   type    disabled   ownerNode   parentStyleSheet   href   title   media   ownerRule   cssRules   insertRule    deleteRule   _____________________________________________   stylesheet对象   对于IE公开的对象:   owningElement    pages    id    type    href    disabled    cssText    readOnly    title    parentStyleSheet    imports    rules    media   兼容IE&FireFox的对象:    disabled --> 是否启用此css定义片段    e g.    css01.disabled=true;    这时当前文档讲忽略css01的css定义        rules-->css定义集合[IE专有],可读写    cssRules-->css定义规则集合[Firefox专有]可读写    e g.    var css01_Rules=css01.rules||css01.cssRules;    css01_Rules.style.fontSize='12px';    这时候将改变css定义中body{    font-size:14px;    }    页面所有文字大小讲改变。   */
这种应用可以应用在对于页面大量dom元素的渲染操作。非常节省客户端资源。免除了遍历DOM节点。免除了给每个dom节点设置特定的id或className
著名js框架mootools对document.styleSheets的应用：