Метод 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,
с помощта на който можете да изтриете елемент