JavaScript HTML DOM'si
HTML DOM ile JavaScript, bir HTML belgesinin tüm öğelerine erişebilir ve bunları değiştirebilir.
HTML DOM (Belge Nesne Modeli)
Bir web sayfası yüklendiğinde, tarayıcı sayfanın bir Belge Nesne Modeli oluşturur .
HTML DOM modeli, bir Nesneler ağacı olarak oluşturulur :
Nesnelerin HTML DOM Ağacı
JavaScript, nesne modeliyle dinamik HTML oluşturmak için ihtiyaç duyduğu tüm gücü alır:
- JavaScript, sayfadaki tüm HTML öğelerini değiştirebilir
- JavaScript, sayfadaki tüm HTML özelliklerini değiştirebilir
- JavaScript, sayfadaki tüm CSS stillerini değiştirebilir
- JavaScript, mevcut HTML öğelerini ve niteliklerini kaldırabilir
- JavaScript, yeni HTML öğeleri ve nitelikleri ekleyebilir
- JavaScript, sayfadaki tüm mevcut HTML olaylarına tepki verebilir
- JavaScript, sayfada yeni HTML olayları oluşturabilir
Ne öğreneceksin
Bu öğreticinin sonraki bölümlerinde şunları öğreneceksiniz:
- HTML öğelerinin içeriği nasıl değiştirilir?
- HTML öğelerinin stili (CSS) nasıl değiştirilir?
- HTML DOM olaylarına nasıl tepki verilir?
- HTML öğeleri nasıl eklenir ve silinir
DOM nedir?
DOM, bir W3C (World Wide Web Consortium) standardıdır.
DOM, belgelere erişim için bir standart tanımlar:
"W3C Belge Nesne Modeli (DOM), programların ve komut dosyalarının bir belgenin içeriğine, yapısına ve stiline dinamik olarak erişmesine ve bunları güncellemesine olanak tanıyan, platform ve dilden bağımsız bir arabirimdir."
W3C DOM standardı 3 farklı bölüme ayrılmıştır:
- Core DOM - tüm belge türleri için standart model
- XML DOM - XML belgeleri için standart model
- HTML DOM - HTML belgeleri için standart model
HTML DOM'si nedir?
HTML DOM, HTML için standart bir nesne modeli ve programlama arabirimidir . Tanımlar:
- Nesne olarak HTML öğeleri
- Tüm HTML öğelerinin özellikleri
- Tüm HTML öğelerine erişme yöntemleri
- Tüm HTML öğeleri için olaylar
Başka bir deyişle: HTML DOM, HTML öğelerinin nasıl alınacağına, değiştirileceğine, ekleneceğine veya silineceğine ilişkin bir standarttır.