HTMLで隠されたtdがIE6の空白を取ります

Question

JavaScriptのスクリプトを開発していますが、私のbuttonクリックでtdが表示されなくなります。 IE6より

私はtdを非表示にしようとしているTDを隠し、そこにいくつかのスペースを置くが、しかし、私のコードでもlatest IEすべての最新morderブラウザに取り組んでいます。

マイコード：ここで

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"; 
    } 
} 

私はそれをサポートし、私はIE6サポートを望んでいないIE6 becusae自分getElementsByClassName方法を書きました。上記のコードは、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）を使用して、ギャップがどこから来るのか調べることができますか？

私は、パディング/マージン/ボーダー・プロパティは、ここで問題にしている
を想像できるか、これは伝説のhasLayout-issueに問題があること。

Answer 2

IE6はテキストノードとコメントノードを取得します。おそらくあなたはこれを試してみるべきです：

var doc = document; 
function getElementsByClassName(className){ 
    if(doc.getElementsByClassName){ 
    return doc.getElementsByClassName(className); 
    } 
    var r = [], all = doc.getElementsByTagName('*'); 
    for(var i=0,l=all.length; i<l; i++){ 
    var ai = all[i]; 
    if(ai.className === className){ 
     r.push(ai); 
    } 
    } 
    return r; 
} 

var data = getElementsByClassName('data'); 
for(var i=0,l=data.length; i<l; i++){ 
    var kids = data[i].parentNode.childNodes; 
    for(var n=0,q=kids.length; n<q; n++){ 
    var kid = kids[n]; 
    if(kid.nodeType !== 1){ 
     kid.style.display = 'none'; 
    } 
    } 
}