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ı

HTML5 Nedir?

HTML5, web sayfalarını açıklayan kod olan Köprü Metni Biçimlendirme Dili'nin en son sürümüdür. Aslında...Devamı…

Web Geliştirici ve Web Tasarımcı Arasındaki Farklar Nelerdir?

Web teknolojileri kariyerine başladığınız da iki farklı yoldan birini seçmek durumundasınız. Bu iki yol: web tasarımcıları ve we...Devamı…

İstanbul'daki web tasarım firmaları arasında Atamedya'nın farkı!

Web tasarım projelerimizi oluştururken ilk olarak firmanızı inceliyor ve 2300’den fazla projeye imza atmanın tecrübesiyle öncelikle...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ı…

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