HTML Dom Nedir? Nasıl Kullanılır?

HTML Dom Nedir? Nasıl Kullanılır?

DOM (Belge Nesnesi Modeli)


Bu yazıda, Belge Nesne Modeli'ni (DOM), Belge'yi işlemek için kullanılan özellikleri ve yöntemleri ile birlikte tartışacağız.
 

Giriş:


Belge Nesne Modeli (DOM), HTML ve XML (Genişletilebilir biçimlendirme dili) belgeleri için bir programlama arabirimidir. Dokümanların mantıksal yapısını ve bir dokümana erişilme ve manipüle edilme şeklini tanımlar.
 

Not : DOM, nesneler arasında herhangi bir ilişki belirtmediği için Mantıksal yapı olarak adlandırılır.



DOM, web sayfasını yapılandırılmış hiyerarşik bir şekilde temsil etmenin bir yoludur, böylece programcılar ve kullanıcıların belgede kaymalarını kolaylaştırır.
DOM ile, Belge nesnesi tarafından sağlanan komutları veya yöntemleri kullanarak etiketlere, kimliklere, sınıflara, Niteliklere veya Öğelere kolayca erişebilir ve bunları değiştirebiliriz.


DOM'nin Yapısı :



DOM, Ağaç veya Orman (birden fazla ağaç) olarak düşünülebilir. Vadeli yapısı modeli bazen bir belgenin ağaç benzeri temsilini tanımlamak için kullanılır. DOM yapı modellerinin önemli bir özelliği yapısal izomorfizmdir : eğer aynı belgenin bir temsilini oluşturmak için herhangi iki DOM uygulaması kullanılırsa, tam olarak aynı nesneler ve ilişkilerle aynı yapı modelini oluşturacaklardır.



Neden Nesne Modeli olarak adlandırılır?



Belgeler nesneler kullanılarak modellenir ve model yalnızca bir belgenin yapısını değil, aynı zamanda belgenin davranışını ve nesnelerin HTML'de niteliklere sahip benzer etiket öğelerinden oluştuğunu içerir.
 

 

DOM'un özellikleri :



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



Window Object: Pencere Nesnesi her zaman hiyerarşinin en üstündedir.
Document object: HTML belgesi bir pencereye yüklendiğinde, belge nesnesi haline gelir.
Form Object: Bu tarafından temsil edilmektedir formu etiketleri.
Link Objects: Bağlantı etiketleriyle temsil edilir.
Anchor Objects: Bir href etiketleriyle temsil edilir.
Form Control Elements: Form, metin alanları, düğmeler, radyo düğmeleri ve onay kutuları vb. Gibi birçok kontrol öğesine sahip olabilir.

write (“string”): verilen dizeyi belgeye yazar.
getElementById (): verilen id 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.



Örnek :


<Table>
<ROWS>
<TR>
<TD>Car</TD>
<TD>Scooter</TD>
</TR>
<TR>
<TD>MotorBike</TD>
<TD>Bus</TD>
</TR>
</ROWS>
</Table> 

 

DOM Seviyeleri :



Level 0: Düşük seviyeli arayüz seti sağlar.
Level 1: DOM seviye 1 iki bölümde tanımlanabilir: CORE ve HTML.
CORE: Herhangi bir yapılandırılmış belgeyi temsil etmek için kullanılabilecek düşük seviyeli bir arayüz sağlar.
HTML: HTML belgesini temsil etmek için kullanılabilen üst düzey arayüzler sağlar.
Level 2 : altı spesifikasyondan oluşur: CORE2 , VIEWS , ETKİNLİKLER , STİL , SEYAHAT ve ARALIK.
CORE2: DOM düzey 1 tarafından belirtilen CORE işlevlerini genişletir.
VIEWS: Görünümler, programların belgenin içeriğine dinamik olarak erişmesine ve bunları işlemesine olanak tanır.
EVENTS: Etkinlikler, kullanıcı web sayfasına tepki verdiğinde tarayıcı tarafından yürütülen komut dosyalarıdır.
STYLE: programların stil sayfalarının içeriğine dinamik olarak erişmesine ve bunları değiştirmesine izin verir.
TRAVERSAL: programların belgeyi dinamik olarak değiştirmesini sağlar.
RANGE: programların belgedeki bir dizi içeriği dinamik olarak tanımlamasına olanak tanır.
Level 3: beş farklı spesifikasyondan oluşur: CORE3 , LOAD and SAVE , VALIDATION , OLAYLAR ve XPATH .
CORE3: DOM düzey 2 tarafından belirtilen CORE işlevlerini genişletir.
LOAD and SAVE: Programın XML belgesinin içeriğini DOM belgesine dinamik olarak yüklemesine ve DOM Belgesini serileştirerek XML belgesine kaydetmesine izin verir.
VALIDATION: programın, belgenin geçerli kalmasını sağlarken belgenin içeriğini ve yapısını dinamik olarak güncellemesini sağlar.
EVENTS: DOM Düzey 2 tarafından belirtilen Etkinliklerin işlevselliğini genişletir.
XPATH: XPATH, DOM ağacına erişmek için kullanılabilecek bir yol dilidir.

En Çok Okunanlar
Sosyal Medyada Paylaş
İlginizi çekebilir...
2020 Sosyal Medya Trendleri Neler? Fenomen Olmanın İpuçları 2020 Sosyal Medya Trendleri Neler? Fenomen Olmanın İpuçları
Çoğu insanın günlerinin büyük bir bölümünü sosyal medyada geçirdiğini söylemek abartı olmaz. Bug...
MySQL mi? MariaDB mi? Hangisi daha iyi? MySQL mi? MariaDB mi? Hangisi daha iyi?
Veritabanı, tüm önemli site verilerini ve bilgilerini içerdiği için herhangi bir web uygulamasının temel bileşenlerinden birid...
Köfte Adam Logo Tasarımı firmasına yapmış olduğumuz projeyi incelemek istemez misiniz ?