`
darrenzhu
  • 浏览: 782367 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript获取指定名字的样式规则

阅读更多
function getCSSRule(ruleSelectorText, styleSheetHref) {
	var doc = document,
		styleSheets = doc.styleSheets,
		rules = [],
		styleSheet, rule,
		i, j, len, len2;
	for (i = 0, len = styleSheets.length; i < len; i++) {
			styleSheet = styleSheets[i];
			if (styleSheetHref) {
				if (styleSheet.href.indexOf(styleSheetHref) === -1) {
					continue;
				}
			}
			for (j = 0, len2 = styleSheet.rules.length; j < len2; j++) {
				rule = styleSheet.rules[j];
				if (rule.selectorText === ruleSelectorText) {
					return rule;
				}
			}
	}
	return null;
}


参数说明:
ruleSelectorText
样式类名,比如".myDiv", ".test"

styleSheetHref
样式文件的URL, 比如http://localhost/myWebApp/resources/my.css

用法举例:
getCSSRule(".x-button")
返回样式".x-button" object.
分享到:
评论

相关推荐

    使用JavaScript创建新样式表和新样式规则

    如今的这个年代,流行在Web页面上使用了大量的JavaScript,我们需要寻找各种方式来优化它们,使它们更快。...如果你指定了某个,你可以在HTML页面中的LINK 和 STYLE标签上加入ID来进行区别,获取CSSStyleShe

    JavaScript王者归来part.1 总数2

    方法从身份证号码获取生日的例子   10.3.2.2 一个使用test()方法遍历字符串的例子   10.4 关于正则表达式包装对象   10.4.1 RegExp对象——利用正则表达式实现全文检索   10.4.2 RegExp的实例属性   10.5 ...

    style-dropper:它可以通过简单的方法和易于使用的方法来获取HTML样式

    它可以使用本机选择器复制/粘贴指定HTML元素CSS样式。 为样式定义创建一个JSON对象,并以相同格式输入/输出。 style表示HTML attribute: style ,因此不包括 。 主要特点 获取/设置样式 用法 获取样式 StyleDropper....

    JavaScript Table行定位效果

    table的border属性用来指定边框宽度,table特有的frame属性是用来设置或获取表格周围的边框显示的方式。 w3c的tabel的frame部分说明frame可以是以下值: void: No sides. This is the default value. above: The ...

    HTML5与CSS3基础教程(第8版)高清文字

    7.2 为样式规则添加注释 124 7.3 理解继承 126 7.4 层叠:当规则发生冲突时 129 7.5 属性的值 132 第8章 操作样式表 139 8.1 创建外部样式表 139 8.2 链接到外部样式表 140 8.3 创建嵌入样式...

    Web系统与技术 课程教材

    2.3.3 获取表单数据... 37 2.4 框架标签... 39 2.4.1 帧标记&lt;frame&gt;. 39 2.4.2 IFRAME标记... 40 2.5 习题... 40 第3章 CSS样式设计... 43 3.1 CSS 简介... 43 3.2 CSS 语法与使用... 43 3.2.1 CSS...

    XML高级编程

    我们的样式单将成为强大的规则集合,能够应用于XML文档的数据以产生可视化的显示。从一个数据集,你可以快速而有效地产生用于显示的多种视图。这就是把数据与显示实现分离开来的好处。第14章(WAP)也包含在显示主线...

    【卷一/共两卷】AJAX实战pdf高清版90M

    13.4.1 跨浏览器的不透明规则 13.4.2 实现淡入/淡出渐变 13.4.3 集成JavaScript定时器 13.5 附加功能 13.5.1 插入额外提要 13.5.2 集成跳过和暂停功能 13.6 避免项目的限制 13.6.1 克服Mozilla的安全限制 13.6.2 ...

    JSP动态网站开发基础教程与实验指导(从基础到应用)光盘

    练习5-1 显示指定扩展名的文件列表 324 练习5-2 文件内容复制 325 练习5-3 JSP页面实现用户登录 327 第6单元 330 练习6-1 修改数据库数据 330 练习6-2 模糊查询数据 331 练习6-3 使用日期字段查询数据 333 练习6-4 ...

    react-quickstart:快速启动 React 项目的现代模板

    您在 CRA 生成后所做的常规添加,已经为您完成,包括代码样式规则、自动格式化、测试设置、覆盖率报告、SCSS 模块、redux 设置等(查看下面的功能列表以获取更多信息)。 您可以简单地 clone-build-run 并开始添加...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -在2009-03-03 v1.3.0曾经提到这个兼容问题,并有这样的规则,如果Asp.net的按钮AJAX提交,必须设置UseSubmitBehavior="false" --也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的...

    ExtAspNet_v2.3.2_dll

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    一个DTD文档包含:元素的定义规则,元素间关系的定义规则,元素可使用的属性,可使用的实体或符号规则。 DTD文件也是一个ASCII的文本文件,后缀名为.dtd。例如:myfile.dtd。 为什么要用DTD文件呢?我的理解是它...

    asp.net知识库

    多样式星期名字转换 [Design, C#] .NET关于string转换的一个小Bug Regular Expressions 完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. ...

    java开源包1

    BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义的范围的内容。 WebSocket协议的Java实现 WebSocket4J WebSocket4...

    java开源包11

    BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义的范围的内容。 WebSocket协议的Java实现 WebSocket4J WebSocket4...

    java开源包2

    BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义的范围的内容。 WebSocket协议的Java实现 WebSocket4J WebSocket4...

Global site tag (gtag.js) - Google Analytics