ต้องการให้ แต่ละ <tr> เปลียนสีพื้น กำหนดให้เปลี่ยนโดยใช้ function javascript อ้างถึง ค่า <div id= 'row1'> <tr > <td> </div>......

<style type="text/css">
#tb1 tr:nth-child(odd){
background-color:#ccffff;
}

#tb1 tr:nth-child(even){
background-color:#ffff99;
}

#tb2 tr:nth-child(odd){
background-color:#660033;
color:#ffffff;
}

#tb2 tr:nth-child(even){
background-color:#ccff66;
}
td{
width:200px;
}
</style>

<div id="tb1">
<table style="border:1px solid white;">
<tr><td>tb1</td><td>tb1</td><td>tb1</td></tr>
<tr><td>tb1</td><td>tb1</td><td>tb1</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>
</div>


<div id="tb2">
<table style="border:1px solid white;">
<tr><td>tb2</td><td>tb2</td><td>tb2</td></tr>
<tr><td>tb2</td><td>tb2</td><td>tb2</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>
</div>