如何使用 Javascript 删除字符串中的 span 标签？

Question

假设我有这个字符串（它是由 html 标签组成的字符串）：

const str = "<li class='test'>
    <div class='myDiv' >
    <span class='myClass'>Person is a: </span>
    <a class='myLink' tabindex='0'> Great citizen. Really nice guy</a>
    </div>
    </li>"

我如何删除<span>标签以及它们之间的所有内容，因此输出如下：

const str = "<li class='test'>
    <div class='myDiv' >
    <a class='myLink' tabindex='0'> Great citizen. Really nice guy</a>
    </div>
    </li>"

感谢您的帮助！

Answer 1

你可以使用 DOM 解析器

const str = `<li class='test'>
        <div class='myDiv' >
        <span class='myClass'>Person is a: </span>
        <a class='myLink' tabindex='0'> Great citizen. Really nice guy</a>
        </div>
        </li>`;

const parser = new DOMParser();
const parsed = parser.parseFromString(str, "text/html");
parsed.querySelector("span").remove();
console.log(parsed.body.innerHTML);