如何从html的字符串版本中删除元素

Question

有没有一种简单的方法可以从字符串中删除HTML元素？我想从这个字符串中删除所有del元素：

<p>one</p>
<p><del>add</del><ins>four</ins><del>add</del></p>
<p>five</p>

Answer 1

使用DOMParser将其转换为文档，迭代文档中的所有del元素并将其删除。然后将其转换回字符串：

const str = `<p>one</p>
<p><del>add</del><ins>four</ins><del>add</del></p>
<p>five</p>`;
const doc = new DOMParser().parseFromString(str, 'text/html');
for (const del of doc.querySelectorAll('del')) {
del.remove();
}
console.log(doc.body.innerHTML);