怎样用javascript设置CSS效果

如果把style="border: 1px solid red;background-image: url('/application/images/selected_bg.gif');background-repeat:no-repeat;background-position:left bottom;";放在html中，就成功，但是放在javascript的changeBg函数中就不成功？？
代码比如(部分)：
<head>
<script type="text/javascript">
        var oldObj;
function changeBg(sapnid) {
if (sapnid != null){
oldObj=document.getElementById(sapnid);
oldObj.style="border: 1px solid red;background-image: url('/application/images/selected_bg.gif');background-repeat:no-repeat;background-position:left bottom;";
     }
}</head>
<body>
<table><tr>
           <td id="1" onClick="changeBg('1')">首页</td>
           <td id="2" onClick="changeBg('2')">论坛</td>
           <td id="3" onClick="changeBg('3')">下载</td>
           <td id="4" onClick="changeBg('4')">读书</td>
           <td id="5" onClick="changeBg('5')">新闻</td>
</tr>
</table>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<head>
<script type="text/javascript">
        var oldObj;
function changeBg(sapnid) {
if (sapnid != null){
oldObj=document.getElementById(sapnid);
oldObj.style="border: 1px solid red;background-image: url('/application/images/selected_bg.gif');background-repeat:no-repeat;background-position:left bottom;";
     }
} </head>
<body>
<table> <tr>
            <td id="1" onClick="changeBg('1')">首页 </td>
            <td id="2" onClick="changeBg('2')">论坛 </td>
            <td id="3" onClick="changeBg('3')">下载 </td>
            <td id="4" onClick="changeBg('4')">读书 </td>
            <td id="5" onClick="changeBg('5')">新闻 </td>
</tr>
</table>
<head>
<script type="text/javascript">
        var oldObj;
function changeBg(sapnid) {
if (sapnid != null){
oldObj=document.getElementById(sapnid);
oldObj.style="border: 1px solid red;background-image: url('/application/images/selected_bg.gif');background-repeat:no-repeat;background-position:left bottom;";
     }
}  </head>
<body>
<table>  <tr>
             <td id="1" onClick="changeBg('1')">首页  </td>
             <td id="2" onClick="changeBg('2')">论坛  </td>
             <td id="3" onClick="changeBg('3')">下载  </td>
             <td id="4" onClick="changeBg('4')">读书  </td>
             <td id="5" onClick="changeBg('5')">新闻  </td>
</tr>
</table>
好像没有报什么错，是不是语法“oldObj.style”不对啊？
你可以这样做，把你要的css效果放到一个css样式中，起个名字叫xxx，然后如下：
function changeBg(sapnid) {
  if (sapnid != null){
    oldObj=document.getElementById(sapnid);
    oldObj.style.className="xxx";
  }
}
呵呵，6楼说的对我忘记了以前用display也是obj.style.display='none';
不好意思lz  我忘记了。
现在代码是这样的：
<head>
<style type="text/css">
.image {border: 1px solid red;background-image: url('/application/images/selected_bg.gif');background-repeat:no-repeat;background-position:left bottom;
}
</style>
<script type="text/javascript">
        var oldObj;
function changeBg(sapnid) {
if (sapnid != null){
oldObj=document.getElementById(sapnid);
oldObj.className="image";
     }
}  </head>
<body>
<table>  <tr>
             <td id="1" onClick="changeBg('1')">首页  </td>
             <td id="2" onClick="changeBg('2')">论坛  </td>
             <td id="3" onClick="changeBg('3')">下载  </td>
             <td id="4" onClick="changeBg('4')">读书  </td>
             <td id="5" onClick="changeBg('5')">新闻  </td>
</tr>
</table>
问题是现在点击“论坛”，背景图片就出来了。但是点击“下载”背景色也出来，我想要的效果是，点击“下载”的时候，"论坛"的背景图片应该消失啊，我要的是导航拉的“我现在在某模块”的效果啊？
该如何改进呢？
<head>
<style type="text/css">
.image {border: 1px solid red;background-image: url('/application/images/selected_bg.gif');background-repeat:no-repeat;background-position:left bottom;
}
</style>
<script type="text/javascript">
        var oldObj;
function changeBg(sapnid) {
if (sapnid != null){
oldObj=document.getElementById(sapnid);
oldObj.className="image";
     }
}   </head>
<body>
<table>   <tr>
              <td id="1" onClick="changeBg('1')">首页   </td>
              <td id="2" onClick="changeBg('2')">论坛   </td>
              <td id="3" onClick="changeBg('3')">下载   </td>
              <td id="4" onClick="changeBg('4')">读书   </td>
              <td id="5" onClick="changeBg('5')">新闻   </td>
</tr>
</table>
你做个循环
比如function changeBg(sapnid) {
if (sapnid != null){
for(var i = 1; i < 6 ; i++){
    oldObj=document.getElementById(i);
    if(oldObj.className!=''){
          oldObj.className="";
    }

}
oldObj=document.getElementById(sapnid);
oldObj.className="image";
}
}
用一个变量来存储当前标签就行了，用循环效率低。<html>
<head>
<style type="text/css">
.image {
  border: 1px solid red;
  background-image: url('/application/images/selected_bg.gif');
  background-repeat:no-repeat;
  background-position:left bottom;
}
</style>
<script type="text/javascript">
var current_tab;
function changeBg(tab) {
  if (current_tab) current_tab.className = "";
  tab.className = "image";
  current_tab = tab;
}
</script>
</head>
<body>
<table>
  <tr>
    <td id="1" onClick="changeBg(this)">首页</td>
    <td id="2" onClick="changeBg(this)">论坛</td>
    <td id="3" onClick="changeBg(this)">下载</td>
    <td id="4" onClick="changeBg(this)">读书</td>
    <td id="5" onClick="changeBg(this)">新闻</td>
  </tr>
</table>
</body>
</html>