JavaScript HTML DOM
- Önceki Sayfa JS Async
- Sonraki Sayfa DOM Yöntemleri
HTML DOM aracılığıyla, JavaScript HTML belgesinin tüm elementlerine erişim ve değişiklik yapabilir.
HTML DOM（belge nesne modeli）
Web sayfası yüklendiğinde, 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şturmak için tüm güçleri elde eder:
- JavaScript sayfadaki tüm HTML elementlerini değiştirebilir
- JavaScript sayfadaki tüm HTML özelliklerini değiştirebilir
- JavaScript sayfadaki tüm CSS stillerini değiştirebilir
- JavaScript mevcut HTML elementleri ve özelliklerini silebilir
- JavaScript yeni HTML elementleri ve özellikler ekleyebilir
- JavaScript sayfadaki tüm mevcut HTML olaylarına yanıt verebilir
- JavaScript sayfada yeni HTML olayları oluşturabilir
Neleri öğreneceksiniz
Bu dersin altındaki bölümlerde öğreneceksiniz:
- HTML element 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 Silinebilir?
DOM Nedir?
DOM, W3C (World Wide Web Consortium) standartıdır.
DOM, belgeye erişim standartlarını tanımlar:
“W3C Belge Nesnesi Modeli (DOM), platforma ve dil bağımsız bir arayüzdür ve programlar ve betikler dinamik olarak belge içeriğini, yapısını ve stillerini erişebilir, güncelleyebilir.”
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ırNesnesiModeller veProgramlama Arayüzleri。Bu tanımlar:
- 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 ki: HTML DOM, HTML elemanlarını nasıl alabileceğiniz, nasıl değiştirebileceğiniz, nasıl ekleyebileceğiniz veya nasıl silinebileceğine dair standartlar。
- Önceki Sayfa JS Async
- Sonraki Sayfa DOM Yöntemleri
