<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title></title>
<script language ="javascript" >
function hiddenIt(col)
{
var tb,tr,td
tb = document.getElementsByTagName("TABLE")[0];
alert("隐藏第" + col + "列");
for(var i=0; i<tb.getElementsByTagName("tr").length; i++)
{
tr = tb.getElementsByTagName("tr")[i];
for(var j=0; j<tr.childNodes.length; j++)
{
td = tr.childNodes[j];
if ( j==col )
td.style.display = "none";
else
td.style.display = "inline";
}
}
}
</script>
</HEAD>
<body>
<TABLE id="Table1" cellSpacing="1" cellPadding="1" width="300" border="1">
<TR>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
</TR>
<TR>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
</TR>
<TR>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
</TR>
</TABLE>
<table>
<tr>
<td>
<INPUT type="button" value="隐藏" onclick="hiddenIt(document.getElementById('txt').value);">
</td>
<td>
第<INPUT type="text" id="txt" size="1">列
</td>
</tr>
</table>
</body>
</HTML>