使用JavaScript从div元素中删除span元素

我有以下代码：

<div class="main-category">
    <span class="first-category"></span>
    <span class="last-category"></span>
</div>

使用JavaScript如何删除

div

元素中的

span

元素？

您可以使用它获取特定类的父元素中的所有span

然后，遍历结果并简单地遍历每个元素

document.getElementById（'remover'）.addEventListener（'click'，function（）
{
const elem=document.querySelectorAll（'.main category span'）；
elem.forEach（e=>e.remove（））；
});

跨距外

福
酒吧
跨距外

跨距外

你好
世界
跨距外

删除元素
那些
的内容是什么？它们应该也被移除还是保持原封不动？让我们看看你尝试了什么。因此，这不是一个免费的代码编写服务。这里的目的是让你发布你解决自己问题的尝试，当这些尝试没有达到预期效果时，其他人会提供帮助。请参阅和@sirko是，我希望删除内容和跨度标记。在这种情况下，这应该会有帮助：