在Web开发中，兼容性问题始终是一个挑战，尤其是在处理老版本的Internet Explorer浏览器时，如IE6到IE9。其中一个常见的问题是这些版本的IE不支持`table.innerHTML`属性，这在试图动态更新表格内容时会造成困扰。`innerHTML`属性允许开发者设置或获取HTML元素内部的HTML内容，但在特定的元素，如`table`、`col`、`colGroup`等，IE6-9将其标记为只读，导致尝试修改时会抛出错误。
在标题和描述中提到的问题，主要涉及到IE6-9对`table.innerHTML`的处理。例如，当你尝试如下所示的代码：
```javascript
var oTable = document.getElementById("test");
oTable.innerHTML = "<tr><td>innerHTML</td></tr>";
```
在IE9中，会报错“Invalid target element for this operation.”，而在IE6-8中则是“Unknown runtime error”。根据微软的文档（http://msdn.microsoft.com/en-us/library/ms533897(VS.85).aspx），对于`table`对象，`innerHTML`是只读的。
为了解决这个问题，我们可以采用一种替代策略。上述代码中的作者提供了一个名为`setTableInnerHTML`的函数，该函数通过创建一个临时的`div`元素，将`table`内容插入到`div`中，然后将`div`中的`table`元素替换掉原有的`table`元素的`tbody`。这种方法巧妙地绕过了`innerHTML`的限制。以下是完整的解决方案：
```javascript
function setTableInnerHTML(table, html) {
if (navigator && navigator.userAgent.match(/msie/i)) {
var temp = table.ownerDocument.createElement('div');
temp.innerHTML = '<table><tbody>' + html + '</tbody></table>';
if (table.tBodies.length == 0) {
var tbody = document.createElement("tbody");
table.appendChild(tbody);
}
table.replaceChild(temp.firstChild.firstChild, table.tBodies[0]);
} else {
table.innerHTML = html;
}
}
```
这个函数首先检查浏览器是否为IE，如果是，就执行上述的IE兼容代码；否则，直接使用现代浏览器支持的`innerHTML`属性。值得注意的是，从IE10开始，`table.innerHTML`已被修复并可以正常工作。
除了`table`元素，这个方法也可以应用于其他不支持`innerHTML`的元素，只需根据元素的特性进行适当的调整。在处理动态内容更新时，理解浏览器的兼容性差异至关重要，这有助于确保代码在各种环境中都能正确运行。
总结来说，解决IE6-IE9不支持`table.innerHTML`的问题，需要借助于创建临时元素和操作DOM结构的方法。这个方法不仅适用于`table`元素，也可以扩展到其他不支持`innerHTML`的元素，以实现类似的功能。同时，随着浏览器的更新，新的特性被引入，如IE10及更高版本对`table.innerHTML`的支持，这样的兼容性问题逐渐减少，但理解这些历史遗留问题可以帮助我们编写更健壮的代码。
