| ポイント |
<![CDATA[
document.getElementById("tbl403").style.visibility = "hidden";
]]>
|
| 説 明 |
テーブルのセルを非表示にするには、非表示にしたいタグ（trタグ、thタグ、tdタグなど）のスタイルシートのvisibilityにhiddenの文字列を指定します。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>特定のセルを非表示にする</title>
<script type="text/javascript"><!--
function hideCell()
{
document.getElementById("tbl403").style.visibility = "hidden";
}
// --></script>
</head>
<body>
<h1>特定のセルを非表示にする</h1>
<form>
<input type="button" value="セルを非表示にする" onClick="hideCell()">
</form>
<table border="1" bgcolor="yellow">
<tr><th>指定できる値</th><th>内容</th></tr>
<tr><td>200</td><td>OK</td></tr>
<tr id="tbl403"><td>403</td><td>アクセス拒否</td></tr>
<tr><td>404</td><td>ファイルが見つかりません</td></tr>
</table>
</body>
</html>
]]>
|
| 補足説明 |
なし
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
セルを非表示にする
