Document Object Model

Document Object Model, "DOM", "Belge Nesnesi Modeli" anlamlarına da gelmektedir. İnternet tarayıcıları girilen internet sitesini bir belge, bu belge (sayfa) içerisinde bulunan tüm elemanları da nesne olarak kabul eder. Buna göre resim, yazı, form gibi tüm elemanlar nesnedir. İşte DOM sayfa içindeki herhangi bir nesnenin özelliğine müdahale edebilmemize, nesne özelliklerini değiştirebilmemize olanak sağlar. Bunu yapabilmek için de JavaScript gibi bazı script dilleri kullanmamız gerekir.

Nasıl kullanılır? (Örnek) 
Sayfada bulunan bir resim nesnesi üzerinde fare üzerine getirilince kırmızı bir kenarlık, fare üzerinden çekilince mavi bir kenarlık olması istendiğinde, bunun tarayıcıya yaptırılabilmesi için iki şekilde kod yazılabilir.

1. yöntem 
Doğrudan resim nesnesinin etiketi üzerinde script çalıştırılabilir.

2. yöntem 
İlk olarak web sayfasımızın etiketi arasına (tavsiye edilir, zorunlu değildir) ya da herhangi bir yerine aşağıdaki betiğin yazılması gerekir.

      function kirmizi(){
     document.resim.style.border='1px solid red';
   }
   function mavi(){
     document.resim.style.border='1px solid blue';
   }
   

Daha sonra resim üzerinde yukarıdaki scriptin çalıştırılabilmesi için onMouseOver ve onMouseOut uygulamalarının kullanılması yeterli olacaktır. Script resim isimli nesneyi bularak yapılması gereken müdahaleyi yapacaktır.

Birden fazla nesnede uygulanışı ise aşağıdaki gibi olabilir 

Öncelikle aşağıdaki betik sayfada etiketi veya herhangi bir yere yazılır.

      function kirmizi(Obj){
     Obj.style.border='1px solid red';
   }
   function mavi(Obj){
     Obj.style.border='1px solid blue';
   }
   

Daha sonra yine onMouseOver ve onMouseOut uygulamaları kullanılır.
   
   

Fonksiyonların mudahale edeceği nesneyi tanıması için de this koduyla fonksiyona (function) tanımlama gönderilir. this tanımlaması alan fonksiyon Obj isimli tanımsız olan nesneyi this aracılığı ile tanımlayacak ve gereken müdahaleyi yapacaktır.

Kaynakça 

İnternet terimleri