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 动态添加样式规则是前端开发中一种常见的技术,特别是在需要实时调整元素样式或创建交互效果时。本文将深入探讨如何使用JavaScript来动态添加、修改和管理样式规则,并确保这些规则符合W3C标准。 首先,...
通过JavaScript动态地创建和修改样式表和样式规则,可以为页面元素赋予不同的视觉效果,提升网页的动态性和响应性。 首先,要理解JavaScript中的样式表和样式规则,需要了解一些基本概念。CSSStyleSheet对象代表了...
在本资源"jquery标签云无规则样式.rar"中,主要涉及到的是如何使用JavaScript库jQuery和CSS样式来创建一个具有独特视觉效果的标签云。下面我们将深入探讨这一主题。 一、jQuery简介 jQuery是一个高效、简洁的...
// 修改样式规则 cssRules[1].style.backgroundColor = "red"; ``` 需要注意的是,在不同的浏览器中,获取样式表规则的方法可能有所不同。例如,在IE中使用`cssSheet.rules`,而在其他浏览器中则应使用`cssSheet....
本文将详细解释如何使用JavaScript获取元素上的样式属性,重点分析给定的代码示例。 首先,我们来看一下标题和描述中提到的关键知识点:`getComputedStyle()`方法。这是一个非常重要的JavaScript API,用于获取元素...
6. **样式计算与样式对象**:除了内联样式,JavaScript还可以通过`window.getComputedStyle(element)`获取元素的计算样式,包括继承和CSS规则集中的样式。这在需要获取元素实际显示的样式时非常有用。 7. **CSS变量...
在JavaScript的世界里,获取用户电脑上安装的所有字体是一项有趣且实用的任务。这主要涉及到Web浏览器的字体检测技术,它可以帮助开发者创建自适应的网页设计,根据用户的系统字体库提供最佳的视觉体验。以下是对"js...
这种方法的基本思想是利用CSS中的`@media print`来定义只在打印时生效的样式规则。具体步骤如下: 1. **定义CSS规则**:创建一个CSS规则,用于隐藏那些在打印时不需要显示的元素。 ```css .noprint { ...
标题提到“样式表的规则”,这通常指的是CSS(层叠样式表)用于网页设计的一系列规则,而描述及部分内客则主要讨论了JavaScript中数组的创建、操作、属性等知识点。尽管如此,我们将依据给定内容来详细阐述...
- `CurrentStyle` 对象用于获取元素的最终样式,包括内部样式、外部样式和内联样式,并考虑了 CSS 的层叠规则。 - 在现代浏览器中推荐使用 `window.getComputedStyle()` 方法来代替 `CurrentStyle` 对象,以确保跨...
}`这样的样式规则。CSSStyleRule对象的属性包括: - `type`: 规则类型,数字表示。 - `cssText`: 规则的文本表示。 - `parentStyleSheet`: 指向父CSSStyleSheet对象。 - `parentRule`: 如果规则在其他规则中,指向...
常见的DOM操作包括获取元素、修改元素的属性和样式、插入新元素以及删除元素等。 #### 四、JSON与数据交换 **JSON简介:** JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,...
接着通过`innerHTML`属性给`<style>`元素赋值了具体的CSS规则,这里是一个改变`body`背景颜色的样式规则。最后,通过`document.getElementsByTagName`方法获取到了`<head>`标签,并将我们创建的`<style>`元素添加到`...
在JavaScript中,可以通过`document.getElementById("元素ID")`获取要删除的元素节点,然后通过`parentNode`属性获取这个节点的父节点,最后通过`removeChild()`方法将指定节点从文档中删除。值得注意的是,直接删除...
然后,它检查每个样式规则(`cssRules`或`rules`,取决于浏览器的兼容性)的`selectorText`是否与指定的`labname`匹配。如果匹配,就返回对应的CSS属性值。 例如,如果我们有以下HTML结构和CSS样式: ```html ...
要操作这样的样式,首先需要获取样式表引用,然后找到相应的规则。对于类样式,可以通过`getElementsByClassName`或`classList`属性来操作。以下是一个示例: ```javascript function getColor() { var oDiv = ...
- **与 Java 的区别**: 尽管名字相似,但 JavaScript 和 Java 在语法、设计和用途上有很大的不同。 - **大小写敏感**: JavaScript 是一种大小写敏感的语言,例如 `var` 和 `VAR` 被视为两个不同的关键字。 ##### ...
行间样式,也称为内联样式,是通过在HTML元素的`style`属性中定义样式规则,如`; height: 50px;"></div>`。然而,这种方式不推荐使用,因为它的作用范围仅限于单个元素,且容易导致代码混乱。 非行间样式,通常包括...