子孫要素を残して自身の要素のみを削除
子孫要素を残して自身の要素のみを削除するには、次のような方法で実装できます。
関数定義
JavaScript
/**
* 子孫要素を残して自身の要素のみを削除
* @param {Element} element 削除する要素
* @return {Element} 削除した要素を返す
*/
var unWrap = function(element) {
if (!element) return;
var childElems = element.children;
if (childElems.length > 0) {
element.parentNode.insertBefore(childElems, element.nextElementSibling);
}
return element.parentNode.removeChild(element);
};
使い方
引数
引数名 | 型 | 説明 | |
---|---|---|---|
第一引数 必須 |
element | Element | 削除する要素 |
戻り値
削除した要素を返します。
サンプルコード
JavaScript
var sampleElem = document.getElementById('sample');
unWrap(sampleElem);