日期:2014-05-16 浏览次数:20365 次
var x = $("test"); var y = x.getElementsByTagName("input"); for (var i = 0;i < y.length; i++) { if(y[i].className == "aa") { y[i].className = "bb"; } }
------解决方案--------------------
<style type="text/css"> .aa { width:20px; } </style> <input name="a1" class="aa" type="text" /><br /> <input name="b2" class="aa" type="text" /><br /> <input name="c3" class="aa" type="text" /><br /> <input type="button" value="确定" onclick="aa();" /> <script language="javascript" type="text/javascript"> function aa() { var styleSheets = document.styleSheets; var rules = styleSheets[0].rules; for (var i=0;i<rules.length;i++) { if (rules[i].selectorText == ".aa") { rules[i].style.width = "200px"; } } } </script>
------解决方案--------------------
用于firefox
<style type="text/css">
.aa
{
width:20px;
}
</style>
<input name="a1" class="aa" type="text" /><br />
<input name="b2" class="aa" type="text" /><br />
<input name="c3" class="aa" type="text" /><br />
<input type="button" value="确定" onclick="aa();" />
<script language="javascript" type="text/javascript">
function aa()
{
var styleSheets = document.styleSheets;
var cssRules = styleSheets[0].cssRules;
for (var i=0;i<cssRules.length;i++)
{
if (cssRules[i].selectorText == ".aa")
{
cssRules[i].style.width = "200px";
}
}
}
</script>