如何从 DOMParser 获取所有 HTML 内容，不包括外部 body 标签？

在 Web 开发中，我们经常需要从外部文档中获取 HTML 内容并将其插入页面中。在这种情况下，我们可以使用 DOMParser 对象来解析文档并访问其内容。不过，有时候我们并不需要获取整个文档，而只需要其中某一部分的内容。例如，在我们将外部文档的内容插入到页面中时，我们可能不希望插入文档的外部 body 标签。

下面是一个示例代码片段，展示了如何从 DOMParser 中获取所有的 HTML 内容，但不包括外部的 body 标签：

// 定义外部文档的 URL
const url = "https://example.com";

// 发起异步请求来获取文档
const response = await fetch(url);
const text = await response.text();

// 使用 DOMParser 对象来解析文档并获取 HTML 内容
const parser = new DOMParser();
const doc = parser.parseFromString(text, "text/html");

// 获取文档的根节点
const root = doc.documentElement;

// 查找 body 标签并获取其内容
const body = root.querySelector("body");
const bodyContent = body.innerHTML;

// 移除外部的 body 标签并获取全部内容
const allContent = root.innerHTML.replace(body.outerHTML, "");

// 输出获取到的 HTML 内容
console.log("所有内容：", allContent);
console.log("body 内容：", bodyContent);

代码片段中首先构造一个外部文档的 URL，并使用 fetch API 来获取文档的原始文本内容。然后使用 DOMParser 对象解析文档，获取文档的根节点。接着，通过查询根节点来获取 body 标签并获取其内容。最后，通过替换 body 标签来移除其内容，并获取文档的全部 HTML 内容。最终将获取到的内容输出到控制台中。

在代码片段中，我们使用了 DOMParser 对象的 parseFromString 方法来解析外部文档。该方法接受两个参数：需要解析的文本内容和文本内容的类型。在这里，我们传递了 "text/html" 作为文本类型，表示解析的是一个 HTML 内容。解析完成后，我们就可以访问文档的所有节点，并获取其中的内容。