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

Question

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

附加whole 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)

    })