DOM Nedir?

W3C, DOM tanımını şu şekilde yapmaktadır: “W3C Document Object Model (DOM), programların ve komut dosyalarının bir belgenin içeriğine, yapısına ve stiline dinamik olarak erişmesini ve güncellemesini sağlayan bir platform ve dilden bağımsız bir arayüzdür.” 02 Şubat 2021

DOM (Document Object Model) Nedir?

W3C, DOM tanımını şu şekilde yapmaktadır: “W3C Document Object Model (DOM), programların ve komut dosyalarının bir belgenin içeriğine, yapısına ve stiline dinamik olarak erişmesini ve güncellemesini sağlayan bir platform ve dilden bağımsız bir arayüzdür.”

 

DOM sayesinde HTML veya XML elemanları ile programlama veya script dilleri arasında haberleşme sağlayarak daha etkileşimli web siteler yapılabilmesini sağlar. DOM, Javascript, PHP, ASP, Java vb. birçok dile destek verir.

 

DOM Yapısı

DOM Yapısını bir ağaç olarak düşünebilirsiniz. En tepede yani kökte HTML etiketi, onun altında ise içerisine yazılmış diğer etiketler bulunur. Örnek olarak sayfa yapısını DOM yönünden inceleyelim.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div>

<p>Ata Medya</p>

</div>

</body>

</html>

DOM'un Özellikleri

  • Window Object: Pencere Nesnesi her zaman hiyerarşinin en üstündedir.
  • Document object: HTML belgesi bir pencereye yüklendiğinde, belge nesnesi haline gelir.
  • Form Object: Bu tarafından temsil edilmektedir formu etiketleri.
  • Link Objects: Bağlantı etiketleriyle temsil edilir.
  • Anchor Objects: Bir href etiketleriyle temsil edilir.
  • Form Control Elements: Form, metin alanları, düğmeler, radyo düğmeleri ve onay kutuları vb. Gibi birçok kontrol öğesine sahip olabilir.
  • write (“string”): verilen dizeyi belgeye yazar.
  • getElementById (): verilen id değerine sahip öğeyi döndürür.
  • getElementsByName (): verilen ad değerine sahip tüm öğeleri döndürür.
  • getElementsByTagName (): verilen etiket adına sahip tüm öğeleri döndürür.
  • getElementsByClassName (): verilen sınıf adına sahip tüm öğeleri döndürür.
Benzer Blog yazıları

Web Hosting Nedir?

Web hosting hizmeti (barındırma hizmeti) , web sitenizi veya web sitenizde yayınlamak istenen görselin, içeriğin vb. unsurların internette...Devamı…

Kaynak Kodu Nedir ? Ne İşe Yarar?

Web siteleri birer yazılımdır. Asp veya PHP altyapısı ile yazılabilen bu yazılımların html biçimli kaynak kodları bulunur. Kaynak kodları her h...Devamı…

CSS Flexbox Nedir, Nasıl Kullanılır?

Kısaca flexbox olarak ifade edebileceğimiz CSS Esnek Kutu Düzeni, bir CSS3 web düzeni (layout) modelidir. CSS Flexible Box Layout Module Lev...Devamı…

Photoshop Nedir? Photoshop Nasıl Kullanılır?

Photoshop Nedir ?   Photoshop, önceden oluşturulmuş grafiklerinizi ve fotoğraflarınızı vektörel olarak değiştirip yapılandırabileceği...Devamı…

Hızlı İletişim
Hızlı İletişim+90 212 347 33 11info@ata.com.trTeklif İste
Teklif İste