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

问题描述

问 题

例如这段代码:

<div class="nav">
    <div id="demo">
        <p>这是一段文字</p>
        <span>这是一段文字</span>
        <div class="list">这是一段文字</div>
    </div>
 </div>

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

解决方案

这个使用 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)

这篇关于javascript - js正则替换标签内的内容?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！