HTML DOM ile JavaScript erişebilir ve bir HTML belgesinin tüm unsurları değiştirebilir.
HTML DOM (Document Object Model)
Bir web sayfası yüklendiğinde, tarayıcı sayfasının bir belge nesne modeli oluşturur.
HTML DOM modeli Nesneleri bir ağaç olarak inşa edilmiştir:
Nesnelerin HTML DOM Ağacı
nesne modeli ile, JavaScript dinamik HTML oluşturmak için ihtiyaç duyduğu tüm gücü alır:
- JavaScript sayfasındaki tüm HTML öğelerini değiştirebilir
- JavaScript tüm değiştirebilir HTML sayfasında niteliklerini
- JavaScript sayfasında tüm CSS stillerini değiştirebilir
- JavaScript HTML öğeleri ve öznitelikleri mevcut kaldırabilirsiniz
- JavaScript yeni HTML öğelerini ve özelliklerini ekleyebilir
- JavaScript sayfasında tüm mevcut HTML olaylara tepki verebilir
- JavaScript sayfasındaki yeni HTML etkinlikleri oluşturabilirsiniz
Öğrenecekleriniz
öğreneceksiniz bu yazının sonraki bölümlerinde ise:
- HTML öğelerinin içeriği nasıl değiştirilir
- Tarzını nasıl değiştirilir (CSS) HTML öğelerinin
- Nasıl DOM olaylarını HTML tepki
- ekleyip HTML öğelerini nasıl silinir
DOM nedir?
DOM W3C olan (World Wide Web Consortium) standardı.
DOM belgeleri erişmek için bir standart tanımlar:
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
W3C DOM Standart 3 farklı bölüme ayrılır:
- Çekirdek DOM - tüm belge türleri için standart modeli
- XML DOM - XML belgeleri için standart model
- HTML DOM - HTML belgeleri için standart modeli
HTML DOM nedir?
HTML DOM HTML için standart bir nesne modeli ve programlama arayüzüdür. Bu tanımlar:
- HTML elemanları objects
- properties tüm HTML elemanlarının
- methods tüm HTML öğelerine erişmek için
- Tüm HTML öğeleri için olaylar
Başka bir deyişle: The HTML DOM is a standard for how to get, change, add, or delete HTML elements.