/** * 得到 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的应用:
分享到:
相关推荐
document.styleSheets[0].rules 与 cssRules区别
John.Wiley.and.Sons.CSS.Hacks.and.Filters.Making.Cascading.Stylesheets.Work.May.2005.eBook-LinG
Wrox.Beginning.CSS.Cascading.Style.Sheets.for.Web.Design.2nd.Edition.Jun.2007.rar
_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if...
新建网页 1 .a { background:blue; border:1px solid green; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Cascading Style Sheets: Designing for the Web, Third Edition By Håkon Wium Lie, Bert Bos ............................................... Publisher: Addison Wesley Professional Pub Date: April...
document.styleSheets里保存了当前页面上所有CSS规则的集合。通过它可以遍历出页面<style>里定义的所有selector,访问selectorText属性可得选择器的匹配规则。然后将规则规则传递给 document.querySelectorAll...
document.styleSheets里保存了当前页面上所有CSS规则的集合。通过它可以遍历出页面<style>里定义的所有selector,访问selectorText属性可得选择器的匹配规则。然后将规则规则传递给 document.querySelectorAll...
CSS——Cascading Style Sheets 层叠样式表 作用 定义了HTML元素怎样去显示 一般存储在样式表中 也可以存储在外部样式文件.css文件中
Cisco.Press.CCIE.Voice.Quick.Reference.Sheets.Oct.2007
1:rules与cssRules区别: 代码如下: function addCSSRule(css,key,value){ //var css = document.styleSheets[document.styleSheets.length-1]; if(navigator.userAgent.indexOf(“Firefox”)>0 ) { css.insertRule...
解决办法: 在IE里: document.styleSheets[0].rules[0].style.display = “inline”; 在firefox里: document.styleSheets[0].cssRules[0].style.display = “inline”; 讨论: 可以做一个函数来
Cisco.Press.CCVP.CVOICE.Quick.Reference.Sheets.2007.pdf
CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常...
closure-stylesheets, lints,优化和 i18n izes的CSS transpiler 关闭样式表闭包样式表是对CSS的扩展,它向标准 CSS conditionals conditionals conditionals conditionals conditionals conditionals conditionals
Cisco CCIE exam bluepoint and Exam.Quick.Reference.Sheets,PDF
Sheets.z01Sheets.z01Sheets.z01Sheets.z01Sheets.z01
其实呢,还有别的方法可以读到这些样式信息,方法有两种,一种是通过document.styleSheets对象,另一种是通过“最终样式”对象。其中 IE中这个对象叫做currentStyle,FF中这个对象叫做document.defaultView。我将这...
_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if...