javascript动态改变style里的样式
2007-10-24 11:23
525 查看
<STYLE TYPE="text/css" >
.redText {color: red;}
#pid {color: red;}
</STYLE >
<P id="redText" CLASS="redText" >11 </p >
<P id="pid" >22 </p >
<input type="button" onclick="test()" value=" test " />
<script language="javascript" type="text/javascript" >
function test()
{
var ss = document.styleSheets[0];
var rules = ss.rules?ss.rules:ss.cssRules
for(var i=0;i<rules.length;i++)
{
if(rules[i].selectorText=="#pid")
{
rules[i].style.color="yellow";
}
}
}
</script>
.redText {color: red;}
#pid {color: red;}
</STYLE >
<P id="redText" CLASS="redText" >11 </p >
<P id="pid" >22 </p >
<input type="button" onclick="test()" value=" test " />
<script language="javascript" type="text/javascript" >
function test()
{
var ss = document.styleSheets[0];
var rules = ss.rules?ss.rules:ss.cssRules
for(var i=0;i<rules.length;i++)
{
if(rules[i].selectorText=="#pid")
{
rules[i].style.color="yellow";
}
}
}
</script>
相关文章推荐
- javascript 动态改变层的Z-INDEX的代码style.zIndex
- javascript动态设置样式style实例分析
- javascript 动态设置样式style
- 使用js改变DOM样式的三种方式 - 动态创建style标签
- javascript 动态改变层的Z-INDEX的代码style.zIndex
- JavaScript修改css样式style动态改变元素样式
- javascript实现css主题样式切换;动态改变引入的css文件;
- Javascript动态改变按钮样式
- AngularJS使用ng-style动态改变样式
- javascript动态设置样式style实例分析
- javascript动态改变层的Z-INDEX的代码style.zIndex
- 用javascript动态改变样式
- angularJs中ng-style动态改变样式
- JavaScript修改css样式style动态改变元素样式
- javascript 动态改变层的Z-INDEX的代码style.zIndex
- 使用javascript动态改变当前行的显示样式
- 【javascript】动态改变样式
- Jquery动态改变样式
- 使用JavaScript动态设置样式实现代码(2)
- javascript 简单的改变样式的方法