为什么在IE6/7/8/9中不能直接给Table/Select的innerHTML赋值，有什么解决方法？

在IE6/7/8/9中，可以通过创建一个新的`或`元素，然后将其替换原有元素来解决这个问题。

在IE6/7/8/9中，Table和Select元素的innerHTML不能直接赋值，这是因为这些元素在IE中的实现方式与其他浏览器不同，为了解决这个问题，我们可以使用以下方法：

1. 创建一个新的DOM元素并替换原有的元素

 function setInnerHTML(element, html) {     var temp = document.createElement('div');     temp.innerHTML = html;     var newElement = temp.firstChild;     element.parentNode.replaceChild(newElement, element); }

使用方法：

 var table = document.getElementById('myTable'); setInnerHTML(table, '<tr><td>New content</td></tr>');

2. 使用outerHTML属性

 var table = document.getElementById('myTable'); table.outerHTML = '<table id="myTable"><tr><td>New content</td></tr></table>';

3. 使用select元素的options属性

对于select元素，我们可以通过操作options属性来修改其内容：

 var select = document.getElementById('mySelect'); while (select.options.length > 0) {     select.remove(0); } var option = document.createElement('option'); option.text = 'New option'; select.add(option);

相关问题与解答：

问题1：为什么在IE6/7/8/9中，Table和Select元素的innerHTML不能直接赋值？

答案：这是因为在IE6/7/8/9中，Table和Select元素的实现方式与其他浏览器不同，在这些浏览器中，尝试直接设置这些元素的innerHTML会导致错误或不符合预期的结果，为了确保跨浏览器的兼容性，我们需要使用上述方法之一来修改这些元素的内容。

问题2：除了上述方法，还有其他方法可以解决IE6/7/8/9中Table和Select元素的innerHTML不能直接赋值的问题吗？

答案：除了上述方法，还可以考虑使用第三方库（如jQuery）来处理这些浏览器的兼容性问题，这些库通常会提供跨浏览器的解决方案，使您能够更轻松地操作DOM元素，如果您不想依赖第三方库，上述方法应该是足够的。

以上内容就是解答有关“IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法-javascr”的详细内容了，我相信这篇文章可以为您解决一些疑惑，有任何问题欢迎留言反馈，谢谢阅读。