无法在IE中的tbody上设置innerHTML

Question

我有一张这样的桌子：<table><thead>    <tr>        <th colspan="1">a</th>        <th colspan="3">b</th>    </tr></thead><tbody id="replaceMe">    <tr>        <td>data 1</td>        <td>data 2</td>        <td>data 3</td>        <td>data 4</td>    </tr></tbody></table>在ajax请求之后，有一个方法向我返回了以下内容：<tr>    <td>data 1 new</td>    <td>data 2 new</td>    <td>data 3 new</td>    <td>data 4 new</td></tr>我想像这样更改innerHTMLdocument.getElementById('replaceMe').innerHTML = data.responseText;但是，似乎IE无法在上设置innerHTML <tbody>。谁能为我提供一个解决此问题的简单方法？

Answer 1

以上两个答案似乎都不清楚。另外，永远不会删除创建的div，因此反复调用这些函数会占用内存。尝试这个：

// this function must come before calling it to properly set “temp” 

function MSIEsetTBodyInnerHTML(tbody, html) { //fix MS Internet Exploder’s lameness

  var temp = MSIEsetTBodyInnerHTML.temp;

  temp.innerHTML = '<table><tbody>' + html + '</tbody></table>';

  tbody.parentNode.replaceChild(temp.firstChild.firstChild, tbody);  }

MSIEsetTBodyInnerHTML.temp = document.createElement('div');

if (navigator  &&  navigator.userAgent.match( /MSIE/i ))  

  MSIEsetTBodyInnerHTML(tbody, html);

else  //by specs, you can not use “innerHTML” until after the page is fully loaded  

  tbody.innerHTML=html;    

即使使用此代码，MSIE似乎也无法正确调整应用程序中表格单元格的大小，但是我正在用生成的可变内容填充空的tbody标签，而thead单元格的colspan值设置为固定值：生成的肢体内可能存在的最大单元数。表格正文为50个单元格宽时，仅显示两列。也许如果表最初是填充的，并且单元格被相同的内部结构替换，则此方法将起作用。Google的Chrome浏览器在重建表格方面做得非常出色，而Opera的桌面浏览器可以将更多列的大小调整得很好，但是如果删除列，则剩余的列宽度将保持原来的宽度。但是在Opera中，通过隐藏表格（display = none）然后重新显示表格（display = table），生成的表体单元格大小正确。我已经放弃了Firefox。这是2012年的MSIE-6，这是一场噩梦，必须为此添加额外的标记才能使HTML-CSS布局正常工作，因为它甚至不符合MSIE现在的标准。因此，我尚未在Firefox中测试过tbody.innerHTML的工作原理。