Метод removeChild

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

Синтаксис

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

Пример

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

<div id="parent">
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

let parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

Результат выполнения кода:

<div id="parent">
	<p>elem 2</p>
</div>

Пример

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

<div>
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

let elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

Результат выполнения кода:

<div id="parent">
	<p>elem 2</p>
</div>

Смотрите также

метод remove,
с помощью которого можно удалить элемент