IE6-IE9中tbody的innerHTML不能賦值

對於IE6-IE9裏若是要設置tbody的innerHTML，可使用以下替代方法

Js代碼

function setTBodyInnerHTML(tbody, html) { 
var div = document.createElement('div') 
div.innerHTML = '<table>' + html + '</table>'
while(tbody.firstChild) { 
tbody.removeChild(tbody.firstChild) 
} 
tbody.appendChild(div.firstChild.firstChild) 
}

用一個div來包含一個table，而後刪除tbody裏的全部元素，最後給tbody添加div的第一個元素的第一個元素，即div>table>tr。

固然還有一個更精簡的版本，它直接採用replaceChild方法替換

function setTBodyInnerHTML(tbody, html) { 
var div = document.createElement('div') 
div.innerHTML = '<table>' + html + '</table>'
tbody.parentNode.replaceChild(div.firstChild.firstChild, tbody) 
}