Метад 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,
з дапамогай якога можна выдаліць элемент