<body>
<table border="1" width="542" height="106">
    <tr onclick=setbg(this) bgcolor="#00FFFF">
      <td width="137" height="23"></td>
      <td width="130" height="23"></td>
      <td width="128" height="23"></td>
      <td width="119" height="23"></td>
    </tr>
    <tr onclick=setbg(this) bgcolor="#008000">
      <td width="137" height="20"></td>
      <td width="130" height="20"></td>
      <td width="128" height="20"></td>
      <td width="119" height="20"></td>
    </tr>
    <tr onclick="setbg(this)" bgcolor="#00FFFF">
      <td width="137" height="22"></td>
      <td width="130" height="22"></td>
      <td width="128" height="22"></td>
      <td width="119" height="22"></td>
    </tr>
    <tr onclick="setbg(this)" bgcolor="#008000">
      <td width="137" height="19"></td>
      <td width="130" height="19"></td>
      <td width="128" height="19"></td>
      <td width="119" height="19"></td>
    </tr>
  </table>
  <script>
  function setbg(o){  
  e=o.parentElement.parentElement
  if(e.tagName!="TABLE") return
  for(i=0;i<e.rows.length;i++)
  {
  e.rows[i].bgColor="#00FFFF"
  if(i%2==1) e.rows[i].bgColor="#008800"
  }
  o.bgColor="red"
  }
  </script>
</body>
</html>