如何动态改变样式表的属性值
一个html文件的部分代码如下：
/*-- <head>和</head>之间的一个按钮样式 --*/
.btn_submit {
height: 19px;
width: 60px;
background-image: url( button_01.gif );
}
<!-- 动态改变按钮背景图片的脚本 -->
<script>
function change_btn_bgimg()
{
}
</script>
<!-- <body>和</body>之间的一个按钮 -->
<input class="btn_submit" type="submit" onmouseover="change_btn_bgimg( );" name="Submit_2" value="修 改">
问题：
我想在 change_btn_bgimg( ) 中改变 btn_submit 类的 background-image 的属性值，例如 background-image:url( button_02.gif )，从而实现动态改变按钮的显示效果。
请高手指教如何实现！
问题点数：100、回复次数：5Top
1 楼impeller（竹子）回复于 2006-08-01 15:15:34 得分 20
<script>
function change_btn_bgimg(oButton)
{
oButton.style.backgroundImage="imageurl";
}
</script>
<!-- <body>和</body>之间的一个按钮 -->
<input class="btn_submit" type="submit" onmouseover="change_btn_bgimg(this);" name="Submit_2" value="修 改">Top
2 楼shenjf2000（一路走来）回复于 2006-08-01 17:29:07 得分 20
按照楼上说的，imageurl 用如下形式：
function change_btn_bgimg(oButton)
{
oButton.style.backgroundImage="url(button_02.gif)";
}Top
3 楼liudianhalf（6.30）回复于 2006-08-01 18:18:12 得分 20
<stype>
.btn_submit {
height: 19px;
width: 60px;
background-image: url( button_01.gif );
}
.btn_submit2 {
height: 19px;
width: 60px;
background-image: url( button_02.gif );
}
</style>
...
for(var i=0;i<document.all.length;i++)
if (document.all[i].class==btn_submit1)
obj.class=btn_submit2;
...
document对象不知道能不能这么用,不过大概意思就是这个了多写一个类,替换对象的类Top
4 楼net205（人不可以无耻到这种地步）回复于 2006-08-01 18:54:04 得分 20
function change_btn_bgimg()
{
for(i = 0; i < document.all.length; i++){
if(document.all(i).tagName.toUpperCase()=="STYLE")
{
alert(document.all(i).innerHTML);
}
}
}
这个可以得到<style>中的内容，但偶不清楚怎么得到具体一个css样式
后来想到用找到，替换的办法把.btn_submit{}中的内容替换，但又好像style的innerHTML不能修改.
没招了，，如果只是想换某个元素的背景的话，那可以按楼上几位的去做：
1.得到某元素，然后指定obj.style.backgroundImage
2.楼上说的替换元素的classTop
5 楼zeroleonhart（Strong Point:Algorithm）回复于 2006-08-01 21:37:04 得分 20
<input class="btn_submit" type="submit" onmouseover="this.style.backgroundImage='url(button_02.gif)';"Top
相关问题
关键词
得分解答快速导航
相关链接
广告也精彩
反馈
