生のjavascriptで親要素は削除するけど子要素は残す（jQueryのunwrapっぽく） - Qiita

あるdivがあって、子要素は残しつつそのdivだけを削除したいというとき、生のjavascriptでどうやるのか意外と情報が見当たらなかったのでメモします。 jQueryのunwrap と同じことを生のjavascriptでやろうという目的です。 準備 前提としてこういうHTMLがあるとして、ボタンをクリックすると div タグは消すけど p タグは残すという処理を、 jQuery の場合と生の javascript の場合とで実装してみます。 <!-- jQueryの実験用 --> <button id="button1">ボタン</button> <div id="parent1"> <p>child</p> </div> <!-- 生のjavascriptの実験用 --> <button id="button2">ボタン</button> <div id="parent2"> <p>