关于样式的设置与清除，请高手进来指导！

Question

请问用OBJ。STYLE。CSSTEXT=“”；为什么不能清除已有的样式

Answer 1

试试
item.style ="width:100%;";

Answer 2

不要写cssText
写成下面这样就可以了
<style>
.CancleSelect{
width:100%
}
.objClick{
width:100%; border: 1 white solid ; background-color:silver;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#84E0FF', endColorStr='#0099FF', gradientType='3')
}
</style>
<table  id="PlayList" width="100%" border="0" cellpadding="0" style=" background-color:black; border-collapse: collapse; font-size:12px; color:white" cellspacing="0" >
  <tr>
  <td><div class="CancleSelect"   onclick="SelectItem(this)">我爱你中国</div></td>
  </tr>
  <tr>
  <td><div class="CancleSelect" onclick="SelectItem(this)">我爱你塞北的雪</div></td>
  </tr>
<tr>
  <td><div class="CancleSelect" onclick="SelectItem(this)">一千年以后</div></td>
  </tr> <tr>
  <td><div class="CancleSelect" onclick="SelectItem(this)">江南</div></td>
  </tr> <tr>
  <td><div class="CancleSelect" onclick="SelectItem(this)">我恨我痴心</div></td>
  </tr> <tr>
  <td><div class="CancleSelect" onclick="SelectItem(this)">真情难收</div></td>
  </tr> <tr>
  <td><div class="CancleSelect" onclick="SelectItem(this)">如果你是爱上我的沧桑</div></td>
  </tr> <tr>
  <td><div class="CancleSelect" onclick="SelectItem(this)">三万英尺</div></td>
  </tr>
<tr>
  <td><div class="CancleSelect" onclick="SelectItem(this)">我这个你不爱的人</div></td>
  </tr>
 </table>
--------------------------------------------------------------------------
以上是HTML 部分。想实现单击时DIV的样式变为渐变并有边框等等。这个已经实现。现在的问题是当点击一个以后，再点其它的。如何清除以前选择的节点的样式
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<script language=javascript>
function SelectItem(obj)
{
        var objTable = obj.parentNode.parentNode.parentNode.parentNode;
        for (var i=0;i<objTable.rows.length;i++)
        {
         var item = objTable.rows[i].cells[0].childNodes[0];
         item.className ="CancleSelect";
        } 
obj.className = "objClick"; 
}
</script>