WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:TR要素を動的に非表示にしたい

0:[投稿] たま [2006/04/08 14:27 ] [環境:IE6 無関係]

TR要素をJavaScriptで動的に非表示にしたいのですが、どうしてもできません。

そもそも↓これがうまくいかないのが謎です。

<html>
<body onload="document.all.item('abc').display = none;">
<table border="border">
<tr id="aaa">
    <th>1</th>
    <td>ああああ</td>
    <td>ああああ</td>
    <td>ああああ</td>
    <td>ああああ</td>
</tr>
<tr id="bbb">
    <th>2</th>
    <td>ああああ</td>
    <td>ああああ</td>
    <td>ああああ</td>
    <td>ああああ</td>
</tr>
<tr id="ccc">
    <th>3</th>
    <td>ああああ</td>
    <td>ああああ</td>
    <td>ああああ</td>
    <td>ああああ</td>
</tr>
</table>
</body>
<html>

どなたか、知恵をお貸しください。


1:[お知らせ] たま [2006/04/08 14:28 ]

間違えました。

<body onload="document.all.item('abc').display = none;">

<body onload="document.all.item('ccc').display = none;">

でした。

もちろん、これでもうまくいきません。


2:[回答] m035 [2006/04/08 16:22 ][URL]

>document.all.item('ccc').display = none;
指摘すると大体こんな感じです。
1.document.allはIE独自なのでdocument.getElementByIdを使うべき
2.displayではなく、style.displayでは?
3.noneという変数が
var none="none";
とされていない場合は
〜.style.display="none";
のように文字列をdisplayに指定しないといけないです。


<html>
<head>
<title>test</title>
<script type="text/javascript">
<!--
onload=function(){
document.getElementById("ccc").style.display="none";
}
//-->
</script>
</head>
<body>
<table border="1">
<tbody>
<tr id="aaa">
   <th>1</th>
   <td>ああああ</td>
   <td>ああああ</td>
   <td>ああああ</td>
   <td>ああああ</td>
</tr>
<tr id="bbb">
   <th>2</th>
   <td>ああああ</td>
   <td>ああああ</td>
   <td>ああああ</td>
   <td>ああああ</td>
</tr>
<tr id="ccc">
   <th>3</th>
   <td>ああああ</td>
   <td>ああああ</td>
   <td>ああああ</td>
   <td>ああああ</td>
</tr>
</tbody>
</table>
</body>
</html>


3:[完了] たま [2006/04/08 16:36 ]

ありがとうございました!!!!!!!!

回答(必須): 状態:

お名前(必須):

URL:




[戻る]