Javascript removeChild kullanımı

Sezai AlkanFrontend Developer

JavaScript #javascript #js #removechild

Javascript removeChild kullanımında, sayfa üzerindeki html etiketlerini veya nesnelerini silebilmekteyiz. removeChild methodunun 1 den fazla farklı kullanımı bulunmaktadır.

İlk olarak bir html elemanını nasıl sileriz onu inceleyelim.

<div id="sil">Div içeriği</div>

var e = document.getElementById("sil");
e.parentNode.removeChild(e);

Yukarıdaki örnekte sil id sine sahip div i removeChild fonksiyonu ile silebilmekteyiz. parentNode ile birlikte bir eleman belirtmeden direk seçilen nesneyi silebilmekteyiz.

Fakat bir list elemanında ki alt nesneleri silerken childNodes[] ile silinecek olan elemanın sıra numarasını belirtmemiz gerekmektedir.

<ul id="list"> 
	<li>A</li>
	<li>B</li>
	<li>C</li>
</ul>

var e = document.getElementById("list");
e.removeChild(e.childNodes[1]);

Yukarıdaki örneğin ekran çıktısı aşağıdaki gibidir.