报表：每点击一行，加粗

<script language="javascript">
function selectRow(obj){
  tbodyObj = document.getElementById("contentTbody");
  if(tbodyObj!=null){
   for(var i = 0;i<tbodyObj.childNodes.length;i++){
    for(var j = 0;j<tbodyObj.childNodes[i].childNodes.length;j++){
     tbodyObj.childNodes[i].childNodes[j].style.fontWeight = "normal";
    }
   }
  }
  for(var i = 0;i<obj.childNodes.length;i++){
   obj.childNodes[i].style.fontWeight = "bold";
  }
 }
 function displayHand(obj){
  obj.style.cursor = "hand";
 }
</script>

<table width="200" border="1">
<tbody id="contentTbody">
  <tr style="height:30px;" onClick="selectRow(this)" onMouseOver="displayHand(this)" >
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
  </tr>
  <tr style="height:30px;" onClick="selectRow(this)" onMouseOver="displayHand(this)" >
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
  </tr>
  <tr style="height:30px;" onClick="selectRow(this)" onMouseOver="displayHand(this)" >
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
    <td>abcde</td>
  </tr>
   </tbody>
</table>