HTML DOM Düğüm Ağacı

Yeni Üyelik

Haber bülteni üyeliği

Ziyaret Bilgileri


[ Çar, 24 Nis 2024 ] Toplam 1 ziyaret 1 benzersiz ziyaretçi

htmldom » HTML DOM Düğüm Ağacı

HTML DOM Düğüm Ağacı

HTML DOM, bir HTML dosyasını ağaç ve dalları şeklinde algılar. Bu ağaç yapısına Düğüm Ağacı (node-tree) denir. Tüm düğümlere bu ağaç üzerinden ulaşılır. İçerikleri değiştirilebilir ya da silinebilir ya da yeni elemanlar oluşturulabilir.

Aşağıdaki düğüm ağacı bir düğüm setini ve bu düğümler arasındaki bağlantıları göstermektedir. Ağaç bir kök düğümü ile başlamakta ve metin düğümlerine kadar dallanmaktadır. Metin düğümleri bu ağacın en dış düğümleridir.

Düğüm Ebeveynleri, Çocukları ve Kardeşleri

(Node Parents, Children ve Siblings)

Düğüm ağacındaki düğümlerin kendi aralarında hiyerarşik bir ilişkiye sahiptirler. Ebeveyn, çocuk ve kardeş sıfatları ile düğümlerin bir birleri ile olan ilişkileri tanımlanır. Ebeveynlerin (parents) çocukları (children) olur ve aynı seviyedeki çocuklarında kardeşleri (siblings). Bir düğüm ağacında en üst düğüme kök (root) denir. Her düğüm, kök hariç olmak üzere tam olarak bir ebeveyne sahiptir. Bir düğümün istediği kadar çocuk düğümü olabilir. İçinde çocuğu olmayan düğümlere yaprak (leaf) denir.

Bir önceki konudaki HTML dokümanını tekrar inceleyelim;

<html>

<head>

<title>DOM Dersleri</title>

</head>

<body>

<h1>DOM Dersi 1</h1>

<p>Naber Dunya!</p>

</body>

</html>

Bu dosyada <html> düğümünün ebeveyni yoktur, çünkü <html> düğümü köktür.
<head> ve <body> düğümleri <html> düğümünün çocuklarıdır ve bu iki düğüm kardeş düğümlerdir.
Naber Dunya! yazısını taşıyan metin düğümünün ebeveyni <p> düğümüdür. <p> düğümünün ebeveyni de <body> düğümüdür.
DOM Dersi 1 metin düğümünün ebeveyni <h1> düğümüdür. <h1> düğümü <body> düğümünün çocuğudur ve <p> ile kardeştir.
DOM Dersleri metin düğümü <title> düğümünün çocuğudur. <title> düğümünün ebeveyni de <head> düğümüdür.

Bu sayfaya henüz yorum yazılmadı.

Editör Bilgileri

Mehmet Emrah Konya

Zibidi

Editöre Ulaşın

En Son Güncellenenler


ikinci-jeanpaul freebsd apiterapi aramamotorlari uyku kazimkoyuncu peyzaj