DOM (Document Object Model), bir web sayfasının içeriğini temsil eden ağaç yapısıdır 12. Bu yapı, her düğümün sayfadaki farklı öğeleri (metin, bağlantılar, resimler, formlar vb.) temsil ettiği bir hiyerarşi oluşturur 1.
DOM ağacı ise bu hiyerarşinin görselleştirilmesidir ve aşağıdaki gibi örnek bir yapıya sahip olabilir:
<html> <head> <title>Örnek Sayfa</title> </head> <body> <h1>Merhaba, Dünya!</h1> <p>DOM hakkında öğreniyoruz.</p> </body> </html>
Bu HTML belgesini temsil eden DOM ağacı şu şekildedir:
- document
- html
- head
- title - "Örnek Sayfa"
- body
- h1 - "Merhaba, Dünya!"
- p - "DOM hakkında öğreniyoruz." 1.
5 kaynaktan alınan bilgiyle göre: