JavaScript ile DOM’dan Eleman Silme İşlemi Nasıl Yapılır?

Bunun için 2 adet yolumuz var, bir tanesi JQuery ile. Diğeri ise ES6 ile, projenize göre dilediğinizi kullanabilirsiniz. Bildiğiniz üzere eleman seçerken classları ‘.’ , id verdiğimiz elemanları ise ‘#’ ile seçiyoruz. getElementByID() metodu hariç diğerlerinde kullanıyoruz.

HTML

Html dosyamıza h1 etiketimizi ekliyoruz. Class verme sebebimiz burada sadece o class için işlem yapmaktır. Bütün h1 etiketlerini de let h1Tags = document.querySelector(‘h1’) ile ya da let pTags = document.getElementsByTagName(‘p’); gibi bir yöntem kullanabilirsiniz.

<h1 class="infreza">InFreza</h1>

JQUERY

Class’a ulaşacağımız için nokta kullanıyoruz

$('.infreza').remove();

ES6 JavaScript

Burada node.remove() metodumuzu kullanacağız.

let infreza = document.querySelector('.infreza'); infreza.remove();

Bu işlemlerin sonucunda da DOM üzerinden artık infreza classlı h1 etiketini silmiş bulunuyoruz.

Herhangi bir sorunuz olursa yorum yapabilirsiniz. Sorunuzu en kısa sürede cevaplayacağız.

Yazı ile ilgili düşüncelerinizi yorum olarak bizlerle paylaşırsanız çok seviniriz. Benzer içeriğimiz olan google nasıl çalışır yazımıza alıntılara buradan ulaşabilir, mobil uygulamalarımızı indirmediyseniz de aşağıdaki görsele tıklayarak mobil uygulamamıza ulaşabilirsiniz.