Javascript 从父DIV容器中删除

我得到了这个：

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

---

应该留下来，这可能吗？

使用Jquery您可以这样做

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

---

要处理您的具体情况，您可以使用以下代码：

  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();

---

另一方面，您需要验证HTML。应该是