JavaScript Ders 8: DOM Manipülasyonu
Bu derste, JavaScript'te DOM (Document Object Model) manipülasyonunu öğreneceksiniz.
DOM Nedir?
DOM, HTML ve XML belgelerinin yapısını temsil eden bir programlama arayüzüdür. JavaScript ile DOM'u manipüle ederek, HTML elemanlarını dinamik olarak değiştirebiliriz.
DOM Elemanlarını Seçmek
JavaScript kullanarak DOM elemanlarını seçmek için çeşitli yöntemler vardır:
document.getElementById("element-id");
document.getElementsByClassName("class-name");
document.getElementsByTagName("tag-name");
document.querySelector("css-selector");
document.querySelectorAll("css-selector");DOM Elemanlarını Manipüle Etmek
Seçilen DOM elemanlarını manipüle edebiliriz:
let element = document.getElementById("element-id");
element.textContent = "Yeni içerik";
element.style.color = "red";