removeChild Metodu

removeChild metodu elementi silməyə imkan verir. Hansı elementin silinəcəyini göstərməklə ana elementə tətbiq edilir.

Sintaksis

ana.removeChild(element);

Nümunə

Gəlin #elem abzasını silək. Bunun üçün onun valideynini #parent əldə edək və removeChild metodunu əldə edilmiş valideynə tətbiq edək, metodun parametri kimi isə silmək istədiyimiz elementi ötürək:

<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);

Kodun icrasının nəticəsi:

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

Nümunə

Əgər elementi silmək lazımdırsa, lakin onun valideyninə istinad yoxdursa, - valideyni parentElement vasitəsilə əldə etmək olar:

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

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

Kodun icrasının nəticəsi:

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

Həmçinin bax

remove metodu,
elementi silmək üçün istifadə edilə bilər