從父DIV容器

Question

刪除我有這樣的：

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

應該留下來，這可能嗎？

Answer 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

Answer 2

使用jQuery你可以做這樣的

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