Javascript removeChild kullanımı

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.

Javascript removeChild kullanımı

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol