HTML隐藏的td占用了IE6中的空白区域

Question

我正在开发一个JavaScript脚本,它将隐藏并显示td在我的button点击上.

当我试图隐藏而td不是IE6隐藏td并在那里放置一些空格但是我的代码正在处理所有最新的morder浏览器甚至是latest IE.

我的代码:

data = getElementsByClassName("data", "td", myElement);
for (i = 0; i < data.length; i++) {
    td = data[i];                        
    tr = td.parentNode;
    for (j = 0; j < tr.childNodes.length; j++) {        
        tr.childNodes[j].style.display = "none";
    }
}

在这里,我写了自己的getElementsByClassName方法,因为IE6它不支持它,我想要IE6支持.上面的代码工作中发现,除了其他所有浏览器IE6的浏览器.

在IE6中我的表看起来像这样:

在其他浏览器中

谢谢您的帮助.

Answer 1

尝试折叠它们：

tr.childNodes[j].style.visibility = "collapse";
tr.childNodes[j].style.display = "none";

如果您还设置了显示属性，那也没什么坏处。

如果您稍后想要重新激活单元格，您可以反转它：

tr.childNodes[j].style.visibility = "visible";
tr.childNodes[j].style.display = "table-cell";

如果由于任何原因这不起作用，我们应该找出为什么仍然存在差距。
你能使用 IE-Inspector/Dev-Tools (F12) 找出差距来自哪里吗？

我可以想象 padding/margin/border-properties 是这里的问题，或者这是传说中的hasLayout-issue
的问题。