使用javascript更改某个css class的属性
2009-02-01 11:45
627 查看
使用javascript更改某个css class的属性
问题: 你想要修改某个css class的属性。如:<style type="text/css"> .orig { display: none; } </style>
你想要改变把他的display属性由none改为inline。
解决办法: 在IE里:
document.styleSheets[0].rules[0].style.display = "inline";
在firefox里:
document.styleSheets[0].cssRules[0].style.display = "inline";
讨论: 可以做一个函数来搜索特定名字的style对象:
function getstyle(sname) { for (var i=0;i<document.styleSheets.length;i++) { var rules; if (document.styleSheets[i].cssRules) { rules = document.styleSheets[i].cssRules; } else { rules = document.styleSheets[i].rules; } for (var j=0;j<rules.length;j++) { if (rules[j].selectorText == sname) { return rules[j].style; } } } }
然后只要:
getstyle(".orig").display = "inline";
就可以了。
相关文章推荐
- 使用javascript更改某个css class的属性
- 29-JavaScript-事件-事件驱动-更改外部css属性-区分浏览器内核
- 用Javascript实现查看CSS属性使用频率的功能
- 9.20:javascript执行顺序和改变DOM节点的CSS class属性
- Javascript cssText属性使用
- 透过JavaScript更改style的class属性范例
- 使用CLASS属性或CSSCLASS属性来定义文本或控件显示的样式表
- 使用js创建div、添加子div并给div设置在css中定义的class选择属性以及设置style属性
- 使用selenium给更改页面元素的css属性
- 通过Javascript 对 CSS属性的设置 与 获取
- CSS z-index 属性的使用方法和层级树的概念
- CSS和Javascript的标签属性对应表
- 关于 CSS 浮动属性的行为、使用和支持的概览
- HTML/CSS/JavaScript fullPage.js的使用
- 读取 XML 数据时,超出最大字符串内容长度配额 (8192)。通过更改在创建 XML 读取器时所使用的 XmlDictionaryReaderQuotas 对象的 MaxStringContentLength 属性,可增加此配额。【轉】
- JavaScript改变HTML元素的样式改变CSS及元素属性
- css中选择器何时使用id/class
- (currentStyle)javascript为何有时用style得不到已设定的CSS的属性
- css使用float属性后的覆盖问题
- CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来