removeChild Metodu

removeChild metodu bir öğeyi silmeye olanak tanır. Üst öğeye uygulanır ve silinecek öğeyi parametre olarak alır.

Sözdizimi

üstÖğe.removeChild(öğe);

Örnek

#elem paragrafını silelim. Bunun için onun üst öğesi #parent'ı alıp removeChild metodunu alınan üst öğeye uygulayacağız, ve metod parametresi olarak silmek istediğimiz öğeyi ileteceğiz:

<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 çalıştırılmasının sonucu:

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

Örnek

Eğer bir öğeyi silmek istiyorsak ancak onun üst öğesine referansınız yoksa, üst öğe parentElement aracılığıyla elde edilebilir:

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

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

Kodun çalıştırılmasının sonucu:

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

Ayrıca Bakınız

remove metodu,
bir öğeyi silmek için kullanılabilir