子孫要素を残して自身の要素のみを削除

子孫要素を残して自身の要素のみを削除するには、次のような方法で実装できます。

関数定義

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

JavaScript逆引きリファレンス一覧へ戻る