javascript - 即 : Invalid target element - appending table using 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]);