|
<html>
<body>
<script language="JavaScript">
function function1() {
document.all.myTable.tHead.style.backgroundColor = "blue";
}
function function2() {
document.all.myTable.tFoot.style.backgroundColor = "red";
}
</script>
<table id="myTable" border="1" width="500">
<thead>
<tr>
<td>tHead, Cell 1</td>
</tr>
</thead>
<tbody>
<tr>
<td>tBody, Cell 2</td>
</tr>
<tr>
<td>tBody, Cell 3</td>
</tr>
<tr>
<td>tBody, Cell 4</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>tFoot, Cell 5</td>
</tr>
</tfoot>
</table>
<button onclick="function1();">Turn Head Blue</button>
<button onclick="function2();">Turn Foot Red</button>
</body>
</html>
|
