innerHTMLがtbodyを追加しています、なぜですか？

Question

ループの中で私が残されてる何回の繰り返しのカップルの後

if (formFieldData == 'cleanSlate') 
{ 
    document.getElementById('productsTable').innerHTML = ''; 
    // clears what was there before, so we're left with an empty <table> 
} else 
{ 
    document.getElementById('productsTable').innerHTML += '<tr></tr>'; 
} 

をありますので、私はJavascriptを使用してテーブルを作成していますのでかぎ括弧なし..あなたのためのHTMLを表示する方法がわからこれではありません： tbody tr/tr/tbody tbody tr/tr/tbody

なぜそれらのtbodysを挿入しているのですか？

Answer 1

どのブラウザですか？

とにかくinnerHTML操作のテーブルを実際に構築するべきではありません。これは単なる文字列操作であり、ブラウザーは複数の行を順番に追加する必要はありません。だからあなたの "壊れた" htmlを "クリーンアップ"しようとします。

何もない場合は、少なくとも別の文字列に、表の行を構築して、ループの後のinnerHTMLにvaraibleものが完了します。

もちろん

var rows; 
for(...) { 
    if (...) { 
     rows += '<tr></tr>\n'; 
    } 
} 
document.getElementById('productsTable').innerHTML = rows; 

、この正確なコードは動作しません - それはですほんの一例です