从父DIV容器中删除

时间:2014-03-12 09:03:30

标签: javascript html

我有这个:

    <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>

应该留下来,这可能吗?

2 个答案:

答案 0 :(得分:1)

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

  var ToRemoveElement = document.getElementById("video_pattern");

  ToRemoveElement.parentNode.appendChild(document.getElementById("des"));
  ToRemoveElement.parentNode.appendChild(document.getElementById("mes"));

  ToRemoveElement.remove();

如果您只想从video_pattern div中删除这些特定元素,那么这就是您的选择。如果您想要一个更通用的解决方案来删除所有子元素,请使用以下内容:

  var ToRemoveElement = document.getElementById("video_pattern");

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

JSfiddle example

答案 1 :(得分:0)

使用Jquery你可以这样做

var inner = $("#video_pattern").contents();
$("#video_pattern").replaceWith(inner);