从父DIV容器中移除

Remove from Parent DIV container

本文关键字：DIV 从父      更新时间：2023-09-26

我知道了:

    <div id="video_pattern">
      <div id="des"position:relative;></div>
      <div id="mes"position:relative;></div>
    </div>

我想删除

>  <div id="video_pattern">

但是

  <div id="des"position:relative;></div>
          <div id="mes"position:relative;></div>

应该保留，这可能吗?

要处理您的确切情况，您可以使用以下代码:

  var ToRemoveElement = document.getElementById("video_pattern");
  ToRemoveElement.parentNode.appendChild(document.getElementById("des"));
  ToRemoveElement.parentNode.appendChild(document.getElementById("mes"));
  ToRemoveElement.remove();

如果你只想从video_patterndiv中删除这些特定的元素，那么就可以这样做。如果你想要一个更通用的解决方案来删除所有的子元素，那么使用以下命令:

  var ToRemoveElement = document.getElementById("video_pattern");
  var children = ToRemoveElement.children;
  while (children.length > 0) {
    ToRemoveElement.parentNode.appendChild(children[0]);
  }    
  ToRemoveElement.remove();

JSfiddle示例

使用Jquery可以这样做

var inner = $("#video_pattern").contents();
$("#video_pattern").replaceWith(inner);
相关文章：