首頁猿問無法在IE中的tbody上設(shè)置in...

無法在IE中的tbody上設(shè)置innerHTML

JavaScript

元芳怎么了 2019-11-02 13:26:25

我有一張這樣的桌子：<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請求之后，有一個方法向我返回了以下內(nèi)容：<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無法在上設(shè)置innerHTML <tbody>。誰能為我提供一個解決此問題的簡單方法？

查看完整描述

3 回答

慕沐林林

TA貢獻(xiàn)2016條經(jīng)驗獲得超9個贊

以上兩個答案似乎都不清楚。另外，永遠(yuǎn)不會刪除創(chuàng)建的div，因此反復(fù)調(diào)用這些函數(shù)會占用內(nèi)存。嘗試這個：

// 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似乎也無法正確調(diào)整應(yīng)用程序中表格單元格的大小，但是我正在用生成的可變內(nèi)容填充空的tbody標(biāo)簽，而thead單元格的colspan值設(shè)置為固定值：生成的肢體內(nèi)可能存在的最大單元數(shù)。表格正文為50個單元格寬時，僅顯示兩列。也許如果表最初是填充的，并且單元格被相同的內(nèi)部結(jié)構(gòu)替換，則此方法將起作用。Google的Chrome瀏覽器在重建表格方面做得非常出色，而Opera的桌面瀏覽器可以將更多列的大小調(diào)整得很好，但是如果刪除列，則剩余的列寬度將保持原來的寬度。但是在Opera中，通過隱藏表格（display = none）然后重新顯示表格（display = table），生成的表體單元格大小正確。我已經(jīng)放棄了Firefox。這是2012年的MSIE-6，這是一場噩夢，必須為此添加額外的標(biāo)記才能使HTML-CSS布局正常工作，因為它甚至不符合MSIE現(xiàn)在的標(biāo)準(zhǔn)。因此，我尚未在Firefox中測試過tbody.innerHTML的工作原理。

反對回復(fù) 2019-11-02