javascript - Jqueryなしでラッパーdivを削除する（生のjavascript）

Question

unwrapと呼ばれるJqueryの解決策があることは知っていますが、私は「生の」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の親のhtmlがmydivのコンテンツに置き換えられます。