javascript - 删除没有内部内容Javascript的内部html标签

Question

删除没有内部内容 Javascript 的内部 html 标签。我的 html 结构如下，未定义的 div 计数:

 <div>
    <div>
      <div>
        <div>~Content 1~</div>
    </div>
  </div>
</div>

如何删除所有 div 标签，除了结果必须如下:

<div>~Content 1~</div>

Answer 1

在 Vanilla 中使用 document.querySelectorAll

var divs = document.querySelectorAll("div");

//just check all divs, if the length of children is 0. there are no more descendants.
Array.prototype.forEach.call(divs, function(element){
if (element.querySelectorAll("div").length == 0)
{
  //only for demo purposes. the element found is the last descendant.
  document.querySelector(".result").textContent += element.outerHTML;
}
});

<div>
    <div>
      <div>
        <div>~Content 1~</div>
        <div>~Content 2~</div>
        <div>~Content 3~</div>        
    </div>
  </div>
</div>

<pre class="result"></pre>