function setRowNum(current){
var displayTable=document.getElementById("tb1");
  for(i=0;i<displayTable.rows.length;i++){
    if(displayTable.rows[i]==current){      if(rowNum>=0){
        //previous line set back
        displayTable.rows[rowNum].style.background = "#FFFFFF";      }      rowNum=i;
      displayTable.rows[rowNum].style.background= "#FFEEFF";
   }
}
将没一个 <tr> 改成  <tr onclick="setRowNum(this)">

解决方案 »

  1.   

    <table id="tb1" width="790" border="1" cellpadding="0" cellspacing="0">
        <tr onclick=show(this)>
            <td>aaaaaaaa</td>
        </tr>
        <tr onclick=show(this)>
            <td>bbbbbbbb</td>
        </tr>
        <tr onclick=show(this)>
            <td>cccccccc</td>
        </tr>
        <tr onclick=show(this)>
            <td>dddddddd</td>
        </tr>
        <tr onclick=show(this)>
            <td>eeeeeeee</td>
        </tr>
    </table>
    <script language=javascript>
    PreviousObj=document.getElementsByTagName("tr")[0]
    function show(obj)
    {
    PreviousObj.style.backgroundColor="#ffffff"
    PreviousObj=obj
    obj.style.backgroundColor="#ff0000"

    }
    </script>