js正则替换标签内的内容?

Question

例如这段代码:

<div class="nav">

    <div id="demo">

        <p>这是一段文字</p>

        <span>这是一段文字</span>

        <div class="list">这是一段文字</div>

    </div>

 </div>

我想通过正则把<div id="demo"></div>里面的内容替换为空，请问如何实现？先谢谢各位了，麻烦帮帮忙

Answer 1

这个使用&nbsp;DOMParser&nbsp;解析比较方便const html = `<div class="nav">&nbsp; <div id="demo">&nbsp; &nbsp; <p>这是一段文字</p>&nbsp; &nbsp; <span>这是一段文字</span>&nbsp; &nbsp; <div class="list">这是一段文字</div>&nbsp; </div></div>`const parser = new DOMParser()const doc = parser.parseFromString(html, 'text/html')doc.querySelector('#demo').innerHTML = nullconsole.debug(doc.querySelector('.nav').outerHTML)