05/09/01 19:28:42
すみません、再度質問です。ボタンを押したら<tr class="hide">が表示されたり隠れたりするようにしてみたのですが、
IE6だとうまく動いてFirefox1.06だと妙な動きをします。具体的にはテーブルが崩れたり、余計な行が追加されたりします。
これはFirefoxのバグでしょうか。自分では判断つきかねるので、詳しい方にアドバイスをいただければと思います。
<html>
<head>
<script type="text/javascript" language="javascript"><!--
var flag_display = false;
function toggle_display() {
flag_display = !flag_display;
var elems = document.getElementsByTagName('tr');
for (var i = 0; i < elems.length; i++) {
var elem = elems[i];
if (elem.className == 'hide') {
elem.style.display = flag_display ? "block" : "none"; // or "inline" : "none"
}
}
}
--></script>
<style type="text/css"><!--
.hide { display:none }
--></style>
</head>
<body>
<button type="button" onclick="toggle_display()">toggle</button>
<table border="1">
<tr><td>001</td><td>foo</td></tr>
<tr class="hide"><td>002</td><td>bar</td></tr>
</table>
</body>
</html>