システム内にテーブルがあり、TRを非表示にする操作がありますが、行が異常に表示されます。その後、それは次の手順に要約され、それが確かに TR の隠蔽に関連していることが判明しました。 具体的には、最初の行をクリックしていくつかの行を非表示にし、最後の行をクリックすると、対応する行の色が変わるはずですが、行の上部に細いストリップが残り、その色が変わります。変わりません。 (私は IE8.0 バージョンを使用しています)、これは IE8.0 のバグであると思われますが、この問題を解決するための提案がある専門家はいないでしょうか。ありがとう。
body>
a [最初にクリックしてください。]< /td> b c< /td> d e g h [2 番目をクリックしてください。] テーブル> var hs=false; var c = ("ブロック"):("なし"); document.getElementById("trMain2").style.display = c; document.getElementById("trMain3").style.display = c; document.getElementById("trMain4").style.display = c ; hs = !hs; } 問題ありません 皆さん、まだうまくいきません。 最初の行をクリックしてくださいまず、最後の行をもう一度クリックすると、最後の行の色が不完全になります。私は IE8.0 です 色の問題は、IE のテーブル境界線の結合の解釈が異なることが原因のようです。これは、border-collapse:collapse スタイルを追加することで解決できます。 IEが問題です。 <html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>TABLE TR</title><script>var hs = false;//hidden是保留字,在Chrome等浏览器中会报错function tr_hidden() { (hs) ? (c = "table-row") : (c = "none"); //正常的表格行display属性值应为table-row document.getElementById("trMain2").style.display = c; document.getElementById("trMain3").style.display = c; document.getElementById("trMain4").style.display = c; hs = !hs;}</script></head><body><table id="tab" border=1 width=200><tr id="trMain1" onclick="tr_hidden()"><td>a [click me first.]</td></tr><tr id="trSub1"><td>b</td></tr><tr id="trSub2"><td>c</td></tr><tr id="trMain2"><td>d</td></tr><tr id="trMain3" onclick="this.style.backgroundColor='#7DD6F0'"><td>e</td></tr><tr id="trMain4" onclick="this.style.backgroundColor='#7DD6F0'"><td>f</td></tr><tr id="trSub3" onclick="this.style.backgroundColor='#7DD6F0'"><td>g</td></tr><tr id="trSub4" onclick="this.style.backgroundColor='#7DD6F0'"><td>h [click me second.]</td></tr></table></body></html> ログイン後にコピー
色付けの問題は、IE のテーブル境界線結合の異なる解釈が原因であるようですが、これは border-collapse:collapse スタイルを追加することで解決できます。 IEが問題です。
HTML コード IE はバグが多くて使いにくいです。今、ie6 を使っている人はまだたくさんいるようですが、彼らは理解できないと言っています T5500 の返答にはあまり感銘を受けませんでした。アプリケーションのパイロット テストを行った後、cellpadding="3" cellpacing="1" 属性を削除すると、まだ動作しないことがわかりました。長年の悩みが解決しました。
今回遭遇したことをまとめて [http://blog.csdn.net/cuckoo1/article/details/7394962] に載せておきます
改めてよろしくお願いします。ポイントを受け取ります。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
2024-10-22 09:46:29
2024-10-13 13:53:41
2024-10-12 12:15:51
2024-10-11 22:47:31
2024-10-11 19:36:51
2024-10-11 15:50:41
2024-10-11 15:07:41
2024-10-11 14:21:21
2024-10-11 12:59:11
2024-10-11 12:17:31