logo

Belge Nesnesi Modeli

  1. Belge Nesnesi
  2. Belge nesnesinin özellikleri
  3. Belge nesnesinin yöntemleri
  4. Belge nesnesi örneği

belge nesnesi tüm html belgesini temsil eder.

Html belgesi tarayıcıya yüklendiğinde bir belge nesnesine dönüşür. O kök öğe Bu, html belgesini temsil eder. Özellikleri ve yöntemleri vardır. Belge nesnesi yardımıyla web sayfamıza dinamik içerik ekleyebiliriz.

Daha önce de belirtildiği gibi, pencerenin nesnesidir. Bu yüzden

'100 üzerinden 10 kaç'
 window.document 

Şununla aynı

 document 

W3C'ye göre - 'W3C Belge Nesne Modeli (DOM), programların ve komut dosyalarının bir belgenin içeriğine, yapısına ve stiline dinamik olarak erişmesine ve bunları güncellemesine olanak tanıyan bir platform ve dilden bağımsız bir arayüzdür.'


Belge nesnesinin özellikleri

Belge nesnesi tarafından erişilebilen ve değiştirilebilen belge nesnesinin özelliklerini görelim.


Belge nesnesinin yöntemleri

Belgenin içeriğine yöntemleriyle erişebilir ve değiştirebiliriz.

Belge nesnesinin önemli yöntemleri şunlardır:

YöntemTanım
yaz('dize')verilen dizeyi belgeye yazar.
writeln('dize')verilen dizeyi belgenin üzerine sonunda yeni satır karakteriyle yazar.
getElementById()Verilen kimlik 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.

Alan değerine belge nesnesine göre erişme

Bu örnekte, kullanıcı bazında giriş metninin değerini alacağız. Burada kullanıyoruz belge.form1.ad.değer name alanının değerini almak için.

Burada, belge html belgesini temsil eden kök öğedir.

form1 formun adıdır.

isim giriş metninin nitelik adıdır.

değer giriş metninin değerini döndüren özelliktir.

Hoş geldiniz mesajıyla birlikte adı yazdıran belge nesnesinin basit örneğini görelim.

 function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: 

Yukarıdaki örneğin çıktısı

İsim giriniz: