刪除沒有Jquery的包裝div（原始javascript）

Question

我知道有一個解決方案，Jquery稱為unwrap，但我正在編寫“原始”JavaScript。 沒有jQuery我沒有找到任何解決方案。

我想刪除這樣的div：

<div><div id="mydiv">Important text here</div></div>

刪除“mydiv”后：

<div>Important text here</div>

我該怎么辦，我想知道這個理論。

提前致謝。

Answer 1

不應該這條線工作

 document.getElementById("mydiv").outerHTML = document.getElementById("mydiv").innerHTML

看到這個JSBin示例 （檢查元素）

Answer 2

您需要使用removeChild方法：

var divToRemove = document.getElementById('mydiv').;
var tmpStr = divToRemove.innerHTML;
var parent = divToRemove.parentNode;
parent.removeChild(divToRemove);
parent.inerHTML(tmpStr);

Answer 3

嘗試

​var el = document.getElementById('mydiv');
var text = el.innerText; //or el.innerHTML
    el.parentNode.innerHTML = text;
​

這將用mydiv的內容替換mydiv的父級的html。