javascript - 如何用 HTML DOM 替换替换字符串

Question

我的字符串

xxx
<div>
test test
</div>
</div>
<h2> Details</h2>
xxx

我想将整个 HTML 字符串替换为

xxx
<div>
test test
</div>
<h2> Details</h2>
xxx

所以这意味着没有这个额外的“ </div>”
我已经尝试但不起作用:

result = result.replace('</div>\n<h2> Details</h2>', '<h2> Details</h2>');

或使用正则表达式但随后“测试测试”也被删除

const excessDiv = /<\/div>(?:.|\n|\r)+?<h2> Details<\/h2>/;
result = result.replace(excessDiv, '</div><h2> Details</h2>');

有人可以建议我吗？

Answer 1

干得好;

    let htmlStr = `xxx
    <div>
    test test
    </div>
    </div>
    <h2> Details</h2>
    xxx`

    let modStr = htmlStr.replace(`</div>
    <h2> Details</h2>`, "<h2> Details</h2>")

    console.log(modStr)

重要的部分是我如何写 replace代码的一部分。