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

Question

例如这段代码:<div class="nav">    <div id="demo">        <p>这是一段文字</p>        <span>这是一段文字</span>        <div class="list">这是一段文字</div>    </div> </div>我想通过正则把<div id="demo"></div>里面的内容替换为空，请问如何实现？先谢谢各位了，麻烦帮帮忙

Answer 1

这个使用 DOMParser 解析比较方便

const html = `

<div class="nav">

  <div id="demo">

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

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

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

  </div>

</div>

`

const parser = new DOMParser()

const doc = parser.parseFromString(html, 'text/html')

doc.querySelector('#demo').innerHTML = null

console.debug(doc.querySelector('.nav').outerHTML)