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 әдісі,
оның көмегімен элементті жоюға болады