删除javascript中的特定标记及其内容

如何删除javascript中的div标记及其内容

我尝试了下面的脚本，但只删除了标记并保留了内容

var res，html=document.getElementById（'source'）.value；
res=html.replace（/（]+>|| |）/g，“”；
document.getElementById（'result'）.innerHTML=res
textarea{
宽度：100%；
高度：120px；
填充物：5px；
边框：1px实心rgba（0,0,0,3）；
}


inner01inner02

编辑：epascarello已经指出我是个白痴，所以这至少在这个例子中是可以接受的：

HTML:

<textarea id="source">
  <p>
    <input type="text">
    <div id="parent"><div>inner01</div><div>inner02</div></div>
    <span></span>
  </p>
</textarea>
<textarea id="result"></textarea>
<button onclick="removeDiv()">
Click me to remove div!
</button>



inner01inner02

单击我删除div！

JS:

函数removeDiv（）{
var string=document.getElementById（“源”）.value；
var s1=string.split("以下是示例对于清除或删除html页面上的div内容，您可以选择哪一个合适&您也可以计算它们，我为您制作了一个示例，您可以单击每个div内容，并根据单击将删除内容。如果是，还有一个按钮单击它，它将计算页面上的所有div清除其内容，然后完全删除其内容以及子标签

保持这个脚本序列很重要，因为它会以其他方式给出错误，并且脚本必须位于div标记下，这样它才能读取div

我使用了sweetalert js库来设置消息警报模式的样式，我也在页面中使用了j query库，请检查snip代码

注意：您的源示例包含在我的代码中，如果单击div上的它将清除内容，如果单击按钮它将清除和删除，我将只留下一个，以避免删除，这样您就可以调整它并将其删除看看它是怎么工作的

编辑：坦率地说，在对snip进行测试之后，我注意到计数器也给出了隐藏div标签的总数，所以我假设这些总数也在计算snip工具窗口，甚至是隐藏的窗口

祝你好运




inner01inner02


inner01inner02

我满足于第一组
我满足于第二组
我满足于第三组
单击以删除所有div内容
函数removealldiv（）{
//在divs变量上插入总div
var divs=document.getElementsByTagName（“div”）；
对于（变量i=0；i{
如果（将删除）{
swal（“噗！你的div内容现在被清除了”{
图标：“成功”，
});
如果（名称=名称）{
$（此）.text（“”）；
}
}
否则{
swal（“您的div内容是安全的，内容将保留在页面上”）；
}
});
});
假设
div
是一个实际字符串，请尝试以下正则表达式：

<div.*<\/div>

textarea{
宽度：100%；
高度：120px；
填充物：5px；
边框：1px实心rgba（0,0,0,3）；
}


inner01inner02

你不能用正则表达式来做这件事。但我是一个字符串，不是DOM@epascarello是吗？我的印象是，询问者希望通过获取textarea的innerHTML，将其作为字符串传递，然后对其执行正则表达式操作并将其传递回DOM，从而从DOM中删除div标记。这个解决方案完全删除正则表达式，manipula直接调用DOM。我如何使用字符串实现这一点HTML@MaclainAnderson是的，看看HTML！@MustaphaFersaoui，这个解决方案可以工作，但它需要JQuery。对于那些出于任何原因不希望使用JQuery的人，您可以按照我之前的评论完成同样的事情。
<p>
  <div>Some stuff</div>
  <span>Stuff to keep</span>
  <div>Some other stuff</div>
</p>

<p>
</p>

<div.*<\/div>