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

Question

我在以下代码中使用DOMParser。

let doc = new DOMParser().parseFromString('<b>sample text</b> <i>sample text</i>', 'text/html');
document.querySelector('.js').append(doc.body);

<span><b>sample text</b> <i>sample text</i></span>
<span><b>sample text</b> <i>sample text</i></span>
<span class='js'></span>

运行时，它可以正确显示HTML内容，但问题是结果中还包含外部body标记，这使得内容具有block显示 。实际上，我需要保留inline显示，如前两个span所示。

[我以为是因为doc.body语句，所以我试图将其更改为doc.body.firstChild（仅返回b元素）和doc.body.children（返回[Object HTMLCollection]），但是它们都不起作用。] >

如何解决？

---

注意：

<span><b>sample text</b> <i>sample text</i></span>是我网页上的动态内容。

我在以下代码中使用DOMParser。让doc = new DOMParser（）。parseFromString（'示例文本

Answer 1

尝试做

Answer 2

我希望我的理解是正确的！您正在尝试显示类似于以前的span标签的内容。将字符串值分配给innerHTML内容可能会有所帮助，在这种情况下，无需使用DOMParser。可能使用innerHTML方式保留内联样式。