Question

jsp页面里 怎样动态修改一个按钮的背景色？

我先对这个按钮设置了一个背景色。。
<button id='s_js' style='cursor:hand; width:84px; height:28px; background-color:#FAFAFA; pading:0px; border:0px;' >按 钮</button>

可我又想在后面更改它的背景色，如下：
function changecolor(btn) {
btn.className="btn_style";
}

.btn_style {
background-color:red;
}

大概就这样。。。可是背景色没有变化。。。貌似是因为什么“就近原则”

可我怎么样才能实现我的效果呢？？？

请指教。。。谢谢

Answer 1

<style type="text/css">
.btn_style {

cursor:hand; width:84px; height:28px; background-color:red; pading:0px; border:0px;
}
.bt{
cursor:hand; width:84px; height:28px; background-color:#FAFAFA; pading:0px; border:0px;
}
</style>
<button id='s_js' class="bt" onclick=changecolor(this)>按 钮</button>

<Script>
function changecolor(o) {
o.className="btn_style";
}
</script>
这样才行，要把两个css都写出来