📄 隐藏列或行1.html
字号:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function hiddenRow(row)
{
tab1.rows[row].style.display="none"
}
function hiddenCol(col)
{
for(i=0;i<tab1.rows.length;i++)
{
tab1.rows[i].cells[col].style.display="none"
}
}
function showRow(row)
{
tab1.rows[row].style.display=""
}
function showCol(col)
{
for(i=0;i<tab1.rows.length;i++)
{
tab1.rows[i].cells[col].style.display=""
}
}
</script>
</head>
<body>
<table width="301" border="1" cellpadding="5" cellspacing="0" id="tab1">
<tr>
<td width="47">1</td>
<td width="47">2</td>
<td width="47">3</td>
<td width="47">4</td>
<td width="51">5</td>
</tr>
<tr>
<td>2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="29">4</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p>
<input type="button" name="Button" value="隐藏第2行" onClick="hiddenRow(1)">
<input type="button" name="Submit2" value="隐藏第2列" onClick="hiddenCol(1)">
<input type="submit" name="Submit" value="显示第2行" onClick="showRow(1)">
<input type="submit" name="Submit3" value="显示第2列" onClick="showCol(1)">
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -