JavaScript HTML DOM
- Önceki Sayfa JS Async
- Sonraki Sayfa DOM Yöntemleri
HTML DOM aracılığıyla, JavaScript HTML belgesinin tüm elemanlarına erişim ve değişiklik yapabilir.
HTML DOM（belge nesne modeli）
Web sayfası yüklenirken, tarayıcı sayfanın belge nesne modelini (Document Object Model）。
HTML DOM Model yapılandırılmıştırNesne ağacı:
Nesnenin HTML DOM ağacı
Bu nesne modeli ile, JavaScript dinamik HTML oluşturma için tüm güçlere sahip olur:
- JavaScript sayfadaki tüm HTML elemanlarını değiştirebilir
- JavaScript sayfadaki tüm HTML özelliklerini değiştirebilir
- JavaScript sayfadaki tüm CSS stillerini değiştirebilir
- JavaScript mevcut HTML elemanlarını ve özelliklerini silebilir
- JavaScript yeni HTML elemanları ve özellikler ekleyebilir
- JavaScript sayfadaki tüm mevcut HTML olaylarına yanıt verebilir
- JavaScript sayfada yeni HTML olayları oluşturabilir
Neleri öğreneceksiniz
Bu eğitim kılavuzunun altındaki bölümlerde öğreneceksiniz:
- HTML elemanının içeriğini nasıl değiştirebilirim
- HTML Elemanlarının Stillerini (CSS) Nasıl Değiştirebilirsiniz
- HTML DOM Olaylarına Nasıl Yanıt Verilir
- HTML Elemanlarını Nasıl Ekleyebilir ve Silebilirsiniz
DOM Nedir?
DOM, bir W3C (World Wide Web Consortium) standartıdır.
DOM, belgeye erişim standartlarını tanımlar:
“W3C Doküman Object Modelü (DOM), platforma ve dil bağımsız bir arayüzdür ve programlar ve betikler tarafından dinamik olarak belge içeriği, yapısı ve tarzının erişimi, güncellenmesi için izin verir.”
W3C DOM Standartları 3 farklı bölüme ayrılmıştır:
- Core DOM - Tüm Doküman Türlerinin Standart Modeli
- XML DOM - XML Dokümanı'nın Standart Modeli
- HTML DOM - HTML Dokümanı'nın Standart Modeli
HTML DOM Nedir?
HTML DOM, HTML'nin standartlarıdırNesnesiModel veProgramlama Arayüzü. Bu, şu anlama gelir:
- olarakNesnesiHTML elemanlarının
- Tüm HTML elemanlarınınÖzellikleri
- Tüm HTML elemanlarınaYöntemleri
- Tüm HTML elemanlarınınOlaylar
Aynı şey demek: HTML DOM, HTML elemanlarını nasıl alabileceğiniz, nasıl değiştirebileceğiniz, nasıl ekleyebileceğiniz veya nasıl silebileceğinizle ilgili standartlar.
- Önceki Sayfa JS Async
- Sonraki Sayfa DOM Yöntemleri
