dHtml_DOM_nedirveyapisi.htm

DOM nedir?

Document Object Model yada kısa yazılışıyla DOMun anlamı; Belge Nesne Yapısıdır. Browserler hazırladığınız sayfayı bir belge olarak kabul ederler ve bu belge içerisine yerleştirdiğiniz tüm elemanları ( resim, form, yazı, tag v.s ) da bir nesne olarak kabul ederler. Bu yapı içerisinde istediğiniz nesnenin istediğiniz özelliği üzerinde oynama yapmak için bir script dili ( JavaScript gibi ) kullanabilirsiniz.

Browserler hazırladığınız sayfayı işlerken onu bir belge kabul ederler ve bu belgeyi yorumlarlar. Bu yorumlamayı yaparken tüm sayfa elemanlarını bir nesne gurubu içerisine yerleştirirler. Mesela bir resim Image nesnesi içerisinde yerini alacaktır. Her nesnenin kendine has özellikleri ve metodları bulunmaktadır. Mesela bir resmin genişliği, yüksekliği ve adresi ( src özelliği ) gibi özellikleri bulunmaktadır. Biz her özelliğin değerini görebildiğimiz gibi bazı özelliklerin değerlerini de değitirecek yöntemlere ( metod ) sahibiz.

DOM 1 tanımlaması için http://www.w3.org/TR/REC-DOM-Level-1/ adresinde ayrıntılı bilgi bulabilirsiniz.

DOM un yapsı

DOM genel olarak şu yapıda çalışacaktır. Öncelikle tüm sayfayı tanımlayan bir ;


document.

nesnesi sonra belge içerisindeki nesnemiz;

document.nesne

ve en sonunda nesnenin hangi özelliğine ulaşmak istiyorsak o özellik

document.nesne.özellik

Browserler arası farklılıklar olmakla beraber bir nesneye ulaşmanın birkaç yolu vardır. Bunlarda en kullanışlı olanı nesnenin ID si ile o nesneye ulaşmaktır.

Bir HTML belgesi ( websayfası ) tanımlarken her taga bir ID verilebilir. Bu HTML 4.0 ile birliklte gelen bir özelliktir. ID her taga verilebilen özel bir kimliktir. Bu kimlik harf ile başlayan ve içerisinde rakamda bulunabilen bir yapıya sahiptir. Mesela bir resmi sayfamıza yerleştirirken :

<IMG SRC="benimresmim.jpg" ID="benimKendiResmim"
WIDTH="300" HEIGHT="600" BORDER="1">

Şeklinde tanımlama yapabiliriz. Burada atadığımız kimliği ( ID ) başka bir tag için aynı sayfa içerisinde atayamayız. Şimdi bu resimin adresine ulaşabilmek için :

document.benimKendiResmim.src

Şeklinde bir ifade yeterli olacaktır. Burada biz hem resmin adresini öğrenebiliriz ve hemde resmin adresini değiştirerek farklı bir resmin gösterilmesini sağlayabiliriz

 
Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol