0
A
回答
3
尽管它涉及循环遍历文档中每个样式表的规则,直到找到与类名相匹配的选择器为止,但如果您有大量样式,则选择器可能相当慢。
function findClassRule(cls) {
var styles = document.styleSheets,
reg = new RegExp("\\." + cls + "\\s*(?:,|$)"),
res = [];
for (var i=0; i < styles.length; i++) {
var rules = styles[i].cssRules || styles[i].rules;
for (var j=0, max = rules.length; j < max; j++) {
var rule = rules[j];
if (reg.test(rule.selectorText))
res.push(rule.style.cssText);
}
}
return res;
}
工作演示:http://jsfiddle.net/EAf44/(使用浏览器的控制台来查看结果)。
它将为您指定的类名返回一个匹配样式声明的数组。请注意,结果声明可能与样式表中的内容不一致 - 浏览器可能已经修改了它。
1
该Stylesheet object将让您访问cssRules。如果你知道你需要什么选择器,那么我想你可以遍历cssRules,直到你找到一个CSSStyleRule匹配selectorText。
相关问题
- 1. HTML佣工Javascsript行动
- 2. for循环执行javascsript交替向前和向后
- 3. 如何获得ajax响应到javascsript datepicker函数中?
- 4. javascsript:在Dreamweaver中为spry可折叠面板添加加号/减号图标
- 5. 居中CSS和CSS
- 6. jQuery .css()和css hover
- 7. CSS和Jquery:addClass不覆盖css
- 8. 引导CSS和CSS的jqGrid
- 9. CSS覆盖CSS和jQuery UI
- 10. CSS悬停和jQuery CSS的
- 11. 样式和CSS
- 12. masterpages和css
- 13. Xamarin和CSS
- 14. jquery Cookie和CSS
- 15. 与HTML和CSS
- 16. CSS + HTML和IE10
- 17. Selenium和:hover css
- 18. Rails 3和CSS
- 19. css类和a:hover
- 20. 用CSS和jQuery
- 21. mod_rewrite和CSS
- 22. HTML和CSS
- 23. CSS和OpenCart
- 24. CSS和Firefox
- 25. CSS sprite和IE6
- 26. Jquery Tooltip和CSS
- 27. CSS和导航
- 28. Javascript和CSS Popups
- 29. Opera Mini和CSS
- 30. CSS,DIV和H1
你想获取什么是定义在CSS类使用JavaScript? – 2010-12-23 10:37:49