Как удалить элемент из строковой версии 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);