如何仅将 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，return作为节点。

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)

    })

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

How to only append a certain part of a DOMParser result to a DocumentFragment element

javascript

domparser

documentfragment