<html>
<body>
<script>
function function1() {
document.getElementById("td1").headers = "hdr1";
document.getElementById("td2").headers = "hdr2";
document.getElementById("td3").headers = "hdr3";
}
</script>
<table width="450" border="1">
<tr>
<th id="hdr1">Item Number</th>
<th id="hdr2">Item Name</th>
<th id="hdr3">Item Description</th>
</tr>
<tr>
<td id="td1">28030</td>
<td id="td2">Computer</td>
<td id="td3">Intel</td>
</tr>
</table>
<input type="Button" id="b1" value='Turn Headers "on"' onClick="function1();">
</body>
</html>
|