Javascriptte "document" Ne işe yarar ?
JavaScript'te document nesnesi, HTML veya XML belgesinin kökünü temsil eder ve belgedeki öğelere erişmek, bu öğeler üzerinde değişiklik yapmak ve yeni öğeler oluşturmak için kullanılan ana nesnedir. document nesnesi, tarayıcıda yüklenen her web sayfası için otomatik olarak oluşturulur ve bir dizi özellik ve metod sunar. İşte document nesnesinin bazı temel kullanım alanları:
Belgeye Erişim: HTML belgesinin yapısına erişmek ve bu yapıyı değiştirmek için kullanılır.
let element = document.getElementById('myElement');
Yeni Öğeler Oluşturma: Yeni HTML öğeleri oluşturmak için kullanılır.
let newElement = document.createElement('div');
Öğe İçeriğini Değiştirme: Bir öğenin içeriğini değiştirmek için kullanılır.
let element = document.getElementById('myElement');
element.innerHTML = 'Yeni İçerik';
Olay Dinleyicileri Ekleme: HTML öğelerine olay dinleyicileri eklemek için kullanılır.
let button = document.getElementById('myButton');
button.addEventListener('click', function() {
alert('Butona tıklandı!');
});
Form ve Girdi İşleme: Form verilerini işlemek ve kullanıcı girdilerini almak için kullanılır.
let input = document.getElementById('myInput');
let value = input.value;
document nesnesi, JavaScript'in DOM (Document Object Model) manipülasyon yeteneklerinin temelini oluşturur ve web sayfalarının dinamik olarak güncellenmesine, yapılandırılmasına ve kullanıcı etkileşimlerine yanıt verilmesine olanak tanır.