`
darrenzhu
  • 浏览: 804836 次
  • 性别: 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 动态添加样式规则 W3C校检

    JavaScript 动态添加样式规则是前端开发中一种常见的技术,特别是在需要实时调整元素样式或创建交互效果时。本文将深入探讨如何使用JavaScript来动态添加、修改和管理样式规则,并确保这些规则符合W3C标准。 首先,...

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

    通过JavaScript动态地创建和修改样式表和样式规则,可以为页面元素赋予不同的视觉效果,提升网页的动态性和响应性。 首先,要理解JavaScript中的样式表和样式规则,需要了解一些基本概念。CSSStyleSheet对象代表了...

    jquery标签云无规则样式.rar

    在本资源"jquery标签云无规则样式.rar"中,主要涉及到的是如何使用JavaScript库jQuery和CSS样式来创建一个具有独特视觉效果的标签云。下面我们将深入探讨这一主题。 一、jQuery简介 jQuery是一个高效、简洁的...

    dom操作元素样式

    // 修改样式规则 cssRules[1].style.backgroundColor = "red"; ``` 需要注意的是,在不同的浏览器中,获取样式表规则的方法可能有所不同。例如,在IE中使用`cssSheet.rules`,而在其他浏览器中则应使用`cssSheet....

    javascript获取作用在元素上面的样式属性代码

    本文将详细解释如何使用JavaScript获取元素上的样式属性,重点分析给定的代码示例。 首先,我们来看一下标题和描述中提到的关键知识点:`getComputedStyle()`方法。这是一个非常重要的JavaScript API,用于获取元素...

    JavaScript程序设计DOM操作元素样式共6页.pd

    6. **样式计算与样式对象**:除了内联样式,JavaScript还可以通过`window.getComputedStyle(element)`获取元素的计算样式,包括继承和CSS规则集中的样式。这在需要获取元素实际显示的样式时非常有用。 7. **CSS变量...

    js获取电脑中所安装的所有字体

    在JavaScript的世界里,获取用户电脑上安装的所有字体是一项有趣且实用的任务。这主要涉及到Web浏览器的字体检测技术,它可以帮助开发者创建自适应的网页设计,根据用户的系统字体库提供最佳的视觉体验。以下是对"js...

    打印指定区域 JavaScript jsp html

    这种方法的基本思想是利用CSS中的`@media print`来定义只在打印时生效的样式规则。具体步骤如下: 1. **定义CSS规则**:创建一个CSS规则,用于隐藏那些在打印时不需要显示的元素。 ```css .noprint { ...

    样式表的规则

    标题提到“样式表的规则”,这通常指的是CSS(层叠样式表)用于网页设计的一系列规则,而描述及部分内客则主要讨论了JavaScript中数组的创建、操作、属性等知识点。尽管如此,我们将依据给定内容来详细阐述...

    【JavaScript源代码】JavaScript style对象与CurrentStyle对象案例详解.docx

    - `CurrentStyle` 对象用于获取元素的最终样式,包括内部样式、外部样式和内联样式,并考虑了 CSS 的层叠规则。 - 在现代浏览器中推荐使用 `window.getComputedStyle()` 方法来代替 `CurrentStyle` 对象,以确保跨...

    javascript 动态修改样式和层叠样式表代码

    }`这样的样式规则。CSSStyleRule对象的属性包括: - `type`: 规则类型,数字表示。 - `cssText`: 规则的文本表示。 - `parentStyleSheet`: 指向父CSSStyleSheet对象。 - `parentRule`: 如果规则在其他规则中,指向...

    JavaScript内核系列.pdf

    常见的DOM操作包括获取元素、修改元素的属性和样式、插入新元素以及删除元素等。 #### 四、JSON与数据交换 **JSON简介:** JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,...

    使用javascript插入样式

    接着通过`innerHTML`属性给`&lt;style&gt;`元素赋值了具体的CSS规则,这里是一个改变`body`背景颜色的样式规则。最后,通过`document.getElementsByTagName`方法获取到了`&lt;head&gt;`标签,并将我们创建的`&lt;style&gt;`元素添加到`...

    JavaScript操作HTML元素和样式的方法详解

    在JavaScript中,可以通过`document.getElementById("元素ID")`获取要删除的元素节点,然后通过`parentNode`属性获取这个节点的父节点,最后通过`removeChild()`方法将指定节点从文档中删除。值得注意的是,直接删除...

    HTML+Javascript+CSS测试题

    2. CSS选择器和样式规则:测试对各种选择器的熟悉程度,以及如何设置和继承样式。 3. 布局与盒模型:考察浮动布局、定位(absolute/fixed/static/relative)以及Flexbox和Grid布局的理解。 4. JavaScript基础语法:...

    javascript 获取特定的 CSS属性值

    然后,它检查每个样式规则(`cssRules`或`rules`,取决于浏览器的兼容性)的`selectorText`是否与指定的`labname`匹配。如果匹配,就返回对应的CSS属性值。 例如,如果我们有以下HTML结构和CSS样式: ```html ...

    第六章 使用DOM操作样式表

    要操作这样的样式,首先需要获取样式表引用,然后找到相应的规则。对于类样式,可以通过`getElementsByClassName`或`classList`属性来操作。以下是一个示例: ```javascript function getColor() { var oDiv = ...

    javaScript教程

    - **与 Java 的区别**: 尽管名字相似,但 JavaScript 和 Java 在语法、设计和用途上有很大的不同。 - **大小写敏感**: JavaScript 是一种大小写敏感的语言,例如 `var` 和 `VAR` 被视为两个不同的关键字。 ##### ...

Global site tag (gtag.js) - Google Analytics