Метод removeChild позволяет удалить элемент. Применяется к родительскому элементу с указанием элемента, который нужно удалить.

См. также методы insertBefore, appendChild, которые выполняют вставку элементов.

Синтаксис

родитель.removeChild(элемент);

Примеры

Пример

Давайте удалим абзац #elem. Для этого получим его родителя #parent и метод removeChild применим к полученному родителю, а параметром метода передадим элемент, который хотим удалить:

<div id="parent">
	<p>Первый абзац</p>
	<p id="elem">Второй абзац</p>
</div>
var parent = document.getElementById('parent');
var elem = document.getElementById('elem');

parent.removeChild(elem);

HTML код элемента станет выглядеть так:

<div id="parent">
	<p>Первый абзац</p>
</div>

Пример

Если нужно удалить элемент, но ссылки на его родителя нет, - родителя можно получить через parentNode:

<div>
	<p>Первый абзац</p>
	<p id="elem">Второй абзац</p>
</div>
var elem = document.getElementById('elem');

elem.parentNode.removeChild(elem);

HTML код элемента станет выглядеть так:

<div id="parent">
	<p>Первый абзац</p>
</div>