JavaScript Html DOM remove() Kullanımı

JavaScript ile Html DOM üzerindeki bir veya daha fazla öğeyi Html belgesinden kaldırabiliriz. Bunun için remove() metodunu kullanıyoruz. 

remove() metodunun kullanımını bir örnek üzerinde inceleyelim.

Aşağıdaki şekilde Html kodlarımız olsun.

Şimdi butona tıklandığında Html sayfasındaki ul etiketini içerisindekiler ile birlikte sayfadan kaldıralım.

Şimdi de örneğimizi uygulamalı olarak görelim.

javascript-html-dom-remove-kullanimi

Gördüğünüz gibi butona tıkladığımız anda ul etiketi Html sayfasından içerisindekiler ile birlikte kaldırılıyor.

Eğer ul etiketi yerine içerisindeki li etiketlerinden birini kaldırmak isteseydik sadece ilgili öğeyi seçmemiz yeterli olacaktı. Örneğin içerisinde “Hakkımda” yazısı bulunan li etiketini kaldıralım.

Bunun için şu JavaScript kodlarını yazmamız yeterli.

Örneğimizi uygulamalı olarak görelim.

javascript-html-dom-remove-kullanimi-2

 ⇒  JavaScript remove() metodunun tarayıcı desteği aşağıdaki gibidir.

  • Chrome – 23
  • Internet Explorer / Edge – 12
  • Firefox – 23
  • Safari – 7
  • Opera – 15

Html öğelerine erişim metodları hakkında detaylı bilgi için şu yazılarımı okuyabilirsiniz.

JavaScript Html DOM Erişim Yöntemleri – 1

JavaScript Html DOM Erişim Yöntemleri – 2

Umarım “JavaScript Html DOM remove() Kullanımı” başlıklı yazım sizin için faydalı olmuştur.

Yeni bir yazımda görüşmek üzere.

Yorum Yazın