DOM (Belge Nesne Modeli), HTML ve XML belgelerini düğümlerden oluşan bir ağaç yapısı olarak gören çapraz platformlu bir API’dir. Bu düğümler (öğeler ve metin düğümleri gibi) programatik olarak değiştirilebilen nesnelerdir ve bunlara yapılan herhangi bir görünür değişiklik belgeye canlı olarak yansıtılır. Bir tarayıcıda, bu API, JavaScript düğümlerinde DOM düğümlerinin stillerini, içeriklerini, belgedeki yerleşimini değiştirmek veya olay dinleyicileriyle etkileşime girmek için manipüle edilebildiği yerlerde kullanılabilir.
Notlar:
- DOM, herhangi bir programlama dilden bağımsız olacak şekilde tasarlandı ve belgenin yapısal gösterimini tek ve tutarlı bir API‘den kullanılabilir hale getirdi.
- DOM, tarayıcıda sayfa yüklenirken aşamalı olarak oluşturulur; bu nedenle komut dosyaları genellikle sayfanın altına, erteleme (defer) özelliği olan <head> bölümüne veya DOMContentLoaded olay dinleyicisinin içine yerleştirilir. DOM düğümlerini değiştiren komut dosyaları, hataları önlemek için DOM oluşturulduktan sonra çalıştırılmalıdır.
- document.getElementById() ve document.querySelector(), DOM düğümlerini seçmek için kullanılan ortak işlevlerdir.