如何<h2>动态删除？

Question

也许这是一个基本的问题，但我应该强调一下，我对这些事情知之甚少。基本上，在我的页面中，我有这样的内容:

<h2>Some text there</h2>
<h2>Other text there</h2>

我想把它简化成:

Some text there
Other text here

我的意思是，基本上，我想要删除文本周围的H2。删除它非常简单，但不幸的是，我只能间接访问代码。是否有任何方法来删除这个动态使用Javascript?

Answer 1

您可以遍历所有h2元素，并将每个元素替换为该元素的textContent(document.createTextNode)的文本节点:

document.querySelectorAll('h2').forEach(e => e.parentNode.replaceChild(document.createTextNode(e.textContent), e))

<h2>Some text there</h2>
<br/>
<h2>Other text there</h2>

Answer 2

最终，我找到了这个解决方案，这对我的情况来说是完美的，但我也想感谢每个在这里发帖的人!

document.addEventListener('DOMContentLoaded', e => {
const h2s = document.querySelectorAll("h2")
h2s[0].outerHTML = h2s[0].innerHTML
h2s[1].outerHTML = h2s[1].innerHTML
})