表格TR异常

最新推荐文章于 2020-10-07 09:54:27 发布

原创最新推荐文章于 2020-10-07 09:54:27 发布 · 699 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#border #html #chrome #function #c #浏览器

javascript 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一个在IE8浏览器中遇到的表格行(TR)隐藏操作导致的颜色变化异常问题及解决方案。通过调整代码和去除特定属性，实现了预期的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表格TR异常

在系统中有一表格，有隐藏 TR的操作，但发现行显示异常。后浓缩为以下程序，发现的确与TR的隐藏有关。

具体表现在，当先点击第一行，隐藏了某些行后，再点击最后一行，本应相应的行颜色变化，但现在却是在行的顶部留有一细长条，其颜色没有变化。（我用的IE8.0版本),疑为IE8.0的BUG.不知哪位高手有何建议能够解决这个问题。谢谢了。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<title>TABLE TR</title>
</head>
<body>

<table id="tab" border=1 width=200>
<tr id="trMain1" onclick="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>
<script>
var hs=false;
function hidden()
{
var c = (hs)?("block"):("none");
document.getElementById("trMain2").style.display = c;
document.getElementById("trMain3").style.display = c;
document.getElementById("trMain4").style.display = c;
hs = !hs;
}
</script>