dom ne demek?
DOM (Belge Nesne Modeli)
DOM (Document Object Model), https://www.nedemek.page/kavramlar/belge%20nesne%20modeli bir HTML veya XML belgesini ağaç yapısına dönüştüren ve bu yapıya programatik olarak erişim sağlayan bir arayüzdür. Temel olarak web sayfalarının içeriğini, yapısını ve stilini temsil eden bir nesne modelidir.
Temel İşlevleri:
- Belge Temsili: DOM, bir web sayfasını (HTML belgesi) hiyerarşik bir ağaç yapısı şeklinde temsil eder. Bu ağaç yapısında her bir HTML etiketi, öznitelik ve metin içeriği bir "düğüm" (node) olarak temsil edilir.
- Erişim ve Manipülasyon: JavaScript gibi betik dilleri aracılığıyla DOM'a erişilerek web sayfasının içeriği, yapısı ve stili dinamik olarak değiştirilebilir. Örneğin, yeni öğeler eklenebilir, mevcut öğeler silinebilir veya öğelerin öznitelikleri güncellenebilir.
- Olay Yönetimi: DOM, kullanıcı etkileşimleri (tıklamalar, fare hareketleri, tuş vuruşları vb.) gibi olayları dinleme ve bu olaylara tepki verme yeteneği sağlar. Bu sayede web sayfaları interaktif hale getirilebilir.
DOM'un Temel Bileşenleri:
- Belge (Document): HTML belgesinin tamamını temsil eden kök nesnedir.
- Öğeler (Elements): HTML etiketlerini temsil eden nesnelerdir (örn.
<p>
, <div>
, <h1>
).
- Öznitelikler (Attributes): HTML etiketlerinin özelliklerini (örn.
id
, class
, src
) temsil eden nesnelerdir.
- Metin (Text): HTML öğelerinin içindeki metin içeriğini temsil eden nesnelerdir.
DOM'un Önemi:
DOM, web geliştirme için hayati bir öneme sahiptir. Çünkü:
- Dinamik Web Sayfaları: JavaScript ve DOM birlikte kullanılarak interaktif ve dinamik web sayfaları oluşturulabilir.
- Kullanıcı Deneyimi: Kullanıcı etkileşimlerine gerçek zamanlı olarak tepki veren, daha iyi bir kullanıcı deneyimi sunan uygulamalar geliştirilebilir.
- Tek Sayfa Uygulamaları (SPA): SPA'lar, tüm içeriği tek bir HTML sayfasında dinamik olarak güncelleyerek daha hızlı ve akıcı bir deneyim sunar ve DOM bu tür uygulamaların temelini oluşturur.
Özetle: DOM, web geliştiricilerin web sayfalarının içeriğini, yapısını ve stilini programatik olarak kontrol etmelerini sağlayan güçlü bir araçtır ve modern web uygulamalarının temelini oluşturur.