DOM(Document Object Model)

Javascript Dom yapısı

DOM(Document Object Model)
DOM(Document Object Model)

      Merhabalar arkadaşlar bu yazımda  DOM (Document Object Model) yapısından bahsetmek istiyorum.

     DOM nedir?

      İnternetten bulabileceginiz tanımı DOM Document Object Model kelimesinin kısaltılmasından gelir ve Türkçe karşılığı Belge Nesne Modelidir. DOM, HTML, XML gibi belgelerin diğer programlama dilleri veya script dilleriyle iletişim kurabilmesini sağlamak için geliştirilmiş bir arabirimdir.

      "DOM’da HTML ile hazırladığınız sayfa, belge; bu belgenin içine yerleştirdiğiniz her türlü öğe ise nesne olarak adlandırılır."

        DOM da nesnelerin birer öğe (element) olarak kullanılabilmesi için hiyerarşik bir düzen izlenerek çağrılmaları gerekir. HTML’deki her bir elamanın birbiri ile hiyearşik bir yapı oluşturması ile oluşur.

      Nasıl Kullanılır?

    

         DOM, Javascript, PHP, ASP, Java vb. birçok dile destek verir.

Örnek olarak web projelerinde sıkça kullandığımız Javascript ile bir DOM elemanıyla iletişim kuralım.

ornek.html

           Örnek DOM

  • Örnekte etiketlerimizi tanımladık.
  • Javascript kodumuzun iletişimini saglamak için
    etiketine onMouseOver özelligi atadık 
  • Javascript kodumuzda Obj parametresi ile hangi etiketten geldigini belirledik ve stil kazandırdık.

   Umarım faydalı bir yazı olmuştur devamında görüşmek dileğiyle..