IE:无效的目标元素 - 使用innerHTML + string附加表

Question

在Internet Explorer中,这一行document.getElementById("left").getElementsByTagName("tbody")[0].innerHTML = document.getElementById("left").getElementsByTagName("tbody")[0].innerHTML + string;给了我一个SCRIPT600: Invalid target element for this operation. …character 10

字符串只是包含一组表格的字符串.这适用于Chrome,Safari或Firefox.有没有更好的方法呢？我正在做的是,一旦用户到达页面底部,我将表格附加到表格中以加载更多内容.这是一种AJAX无限滚动类型的交易 - 客户要求.我正在使用Javascript,并且更喜欢在这一点上使用Javascript而不是仅为此任务更改为jQuery.

更新也同样:document.getElementById("left").innerHTML = document.getElementById("left").innerHTML + string; 另外,左边是<table id="left">

Answer 1

是的，你需要先像这样包裹它们：

var div = document.createElement("div");
div.innerHTML = "<table><tbody>" + string + "</tbody></table>";

document.getElementById("left")
  .appendChild(div.firstChild.tBodies[0]);