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.
Programlama dillerinde sıkça karşımıza çıkan Object Oriented yaklaşımı da bu yapıya benzerdir. Object Oriented yaklaşımında kullandığımız nesneler yada sınıflar, DOM yapısına göre bir HTML sayfası içerisinde bulunan etiketleri (tag) kapsar.
HTML sayfasında bulunan <head>, <body>, <h1>, <img> gibi etiketler birer DOM nesneleridir.
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ğlanır.
DOM, Javascript, PHP, ASP, Java vb. birçok dile destek verir.
DOM'daki nesneye ulaşmak için 4 yol var:
- getElementById
document.getElementById("id of the element")
- getElementsByName
document.getElementsByName("name")[index]
- dom:name (applies only to elements within a named form)
document.forms["name of the form"].elements["name of the element"]
name of the form: ulaşmak istediğiniz elementin bulunduğu formun adı
Html Kodu<form name = "home" ... ... ... <input type ="text" ... name="userName"...</form>
Selenium Kodudocument.forms[home].elements["userName"]
- dom:index
document.forms[index of the form].elements[index of the element]index of the form: elementin bulunduğu formun indexi
Html Kodu:<form action... .... <input ... ......... .......... <input size ="15" name ="phone"....</input>
Selenium Kodu:document.forms[0].elements[3]Web sayfasında tek form olduğu için formun indexi 0, aradığımız element "phone" formdaki 3. input olduğu için indexi 3.
x
Yorumlar
Yorum Gönder