javascript - 如何仅将 DOMParser 结果的特定部分附加到 DocumentFragment 元素

Question

我正在尝试将 DOMParser 的 html 结果附加到 DocumentFragment，然后将其附加到正文（在某些加载事件之后）。

附加整个DOMParser 结果有效，但仅附加结果的body一部分失败。

response.text().then(function(text) {

  var content = new DOMParser().parseFromString(text, "text/html");
  var bodyPart = content.getElementsByTagName("body")[0].innerHTML;
  var fragmentElement = document.createDocumentFragment();
  var tempElement = fragmentElement.appendChild(bodyPart.documentElement);

  console.log(tempElement)

})

我究竟做错了什么？谢谢！

Answer 1

不要调用innerHTML，作为节点返回。

response.text().then(function(text) {

      var content = new DOMParser().parseFromString(text, "text/html"),
          bodyPart = content.body,
          fragmentElement = document.createDocumentFragment(),
          tempElement = fragmentElement.appendChild(bodyPart);

      console.log(tempElement)

    })