JavaScript ile DOM’dan Eleman Silme İşlemi Nasıl Yapılır?
![JavaScript ile DOM'dan Eleman Silme İşlemi Nasıl Yapılır? JavaScript ile DOM'dan Eleman Silme İşlemi Nasıl Yapılır?](/wp-content/uploads/2022/04/2-780x470.png)
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.
![JavaScript ile DOM'dan Eleman Silme İşlemi Nasıl Yapılır? infreza mobil](/wp-content/uploads/2021/01/infreza_mobil-1024x218.png)