Метод removeChild

Методът removeChild позволява да се изтрие елемент. Прилага се към родителския елемент с посочване на елемента, който трябва да бъде изтрит.

Синтаксис

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

Пример

Нека изтрием абзаца #elem. За целта ще получим неговия родител #parent и метода removeChild ще приложим към получения родител, а като параметър на метода ще подадем елемента, който искаме да изтрием:

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

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

parent.removeChild(elem);

Резултат от изпълнението на кода:

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

Пример

Ако трябва да се изтрие елемент, но няма препратки към неговия родител, - родителят може да се получи чрез parentElement:

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

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

Резултат от изпълнението на кода:

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

Вижте също