HTML DOM Düğümler
HTML DOM ise (Document Object Model) , her şey bir düğümdür:
- Belge kendisi belge düğüm
- Tüm HTML öğeleri eleman düğümleri vardır
- Tüm HTML özellikler özellik düğümleri vardır
- HTML öğelerinin içindeki Metin metin düğümleri vardır
- Yorumlar Yorum düğümleri vardır
Eleman Nesne
HTML DOM olarak, element obje bir HTML elemanı temsil eder.
Eleman nesneleri tip eleman düğümlerine, metin düğümlerine veya yorum düğümlerinin alt düğümleri olabilir.
Bir NodeList nesne alt düğümler bir HTML elementin koleksiyonu gibi düğüm listesi, temsil eder.
Elemanlar da özelliklerine sahip olabilir. Nitelikler nitelik düğümleri vardır (See next chapter) .
Tarayıcı Desteği
| Nesne | |||||
|---|---|---|---|---|---|
| Element | Evet | Evet | Evet | Evet | Evet |
| NodeList | Evet | Evet | Evet | Evet | Evet |
Eleman Nesne ve NodeList Nesne tüm büyük tarayıcılar tarafından desteklenir.
Özellikleri ve Yöntemler
Aşağıdaki özellikleri ve yöntemleri tüm HTML elemanları üzerinde kullanılabilir:
| Özellik / yöntem | Açıklama |
|---|---|
| element .accessKey | Ayarlar veya döndürür accesskey bir elementin niteliğini |
| element . addEventListener() | Belirtilen elemanına bir olay gidericisini takılır |
| element . appendChild() | son çocuk düğüm olarak, bir öğeye, yeni bir alt düğüm ekler |
| element .attributes | Bir elemanın ayrıntıların bir NamedNodeMap döndürür |
| element . blur() | Bir öğeden odağı kaldırır |
| element .childElementCount | Bir öğe vardır, alt öğelerin sayısını döndürür |
| element .childNodes | (Metin ve yorum düğümler dahil) Bir elemanın alt düğümleri bir koleksiyon döndürür |
| element .Children | Bir elemanın alt öğesi bir koleksiyon döndürür (metin ve yorum düğümleri hariç) |
| element .classList | Sınıf döndürür name(s) bir elementin |
| element .className | Ayarlar veya değerini verir class bir elementin özniteliği |
| element . click() | Bir öğeyi bir fare tıklama simüle |
| element .clientHeight | dolgu dahil öğenin yüksekliğinin döndürür |
| element .clientLeft | Bir elemanın sol sınırında genişliğini döndürür |
| element .clientTop | Bir elemanın üst sınırının genişliğini döndürür |
| element .clientWidth | dolgu dahil olmak üzere bir elemanın genişliği döndürür |
| element . cloneNode() | Klonlar bir eleman |
| element . compareDocumentPosition() | iki elemanın belge konum karşılaştırır |
| element . contains() | Bir düğüm bir düğüm soyundan ise aksi false, true döndürür |
| element .contentEditable | Ayarlar veya döner bir elemanın içeriği düzenlenebilir olup olmadığını |
| element .dir | Ayarlar veya değerini verir dir Bir elemanın öznitelik |
| element .firstChild | Bir elemanın ilk çocuğu düğümü döndürür |
| element .firstElementChild | Bir elemanın ilk çocuğu elemanı döndürür |
| element . focus() | Bir elemanın odağı verir |
| element . getAttribute() | İade specified bir element düğümün nitelik değerini |
| element . getAttributeNode() | İade specified nitelik düğümünü |
| element . getElementsByClassName() | Belirtilen sınıf adıyla tüm alt öğelerin bir koleksiyon döndürür |
| element . getElementsByTagName() | Belirtilen etiket adı ile tüm alt öğelerin bir koleksiyon döndürür |
| element . getFeature() | Belirtilen özelliğin API'leri uygulayan bir nesne döndürür |
| element . hasAttribute() | Bir öğe sahipse true specified niteliği aksi sahte, |
| element . hasAttributes() | Bir öğe herhangi özelliklere sahiptir, aksi takdirde false, true döndürür |
| element . hasChildNodes() | Bir öğe herhangi alt düğümlere sahipse, aksi takdirde false, true döndürür |
| element .kimlik | Ayarlar veya değerini verir id bir elementin özniteliği |
| element .innerHTML | Ayarlar veya bir öğenin içeriğini döndürür |
| element . insertBefore() | Belirtilen mevcut, çocuk düğüm önce yeni bir alt düğüm ekler |
| element .isContentEditable | Bir elemanın içeriğini düzenlenebilir, aksi takdirde false, true döndürür |
| element . isDefaultNamespace() | Belirtilen namespaceURI varsayılan ise aksi false, true döndürür |
| element . isEqualNode() | Kontroller iki eleman eşitse |
| element . isSameNode() | Kontroller, eğer iki öğe aynı düğüm vardır |
| element . isSupported() | Belirtilen özellik birimi tarafından desteklenir true döndürür |
| element .lang | Ayarlar veya değerini verir lang Bir elemanın öznitelik |
| element .lastChild | Bir elemanın son çocuk düğümü döndürür |
| element .lastElementChild | Bir elemanın son çocuk elemanı döndürür |
| element .namespaceURI | Bir elemanın alanı tanım İade |
| element .nextSibling | Aynı düğüm ağaç seviyesinde sonraki düğümü döndürür |
| element .nextElementSibling | Aynı düğüm ağaç seviyesinde sonraki elemanı döndürür |
| element .nodeName | Bir düğümün adını döndürür |
| element .nodeType | Bir düğüm düğüm türünü döndürür |
| element .nodeValue | Ayarlar ya da bir düğüm değerini verir |
| element . normalize() | komşu metin düğümlerini katılır ve bir elemanın boş metin düğümlerini kaldırır |
| element .offsetHeight | dolgu, sınır ve kaydırma gibi bir elementin yüksekliğini döndürür |
| element .offsetWidth | dolgu, sınır ve kaydırma gibi bir elementin genişliğini döndürür |
| element .offsetLeft | Bir elemanın yatay ofset pozisyonunu döndürür |
| element .offsetParent | Bir elemanın konumu kabın döndürür |
| element .offsetTop | Bir elemanın dikey çıkıntı konumu ile döner |
| element .ownerDocument | Kök elemanı döndürür (document object) bir element için |
| element .parentNode | Bir elemanın üst düğüm döndürür |
| element .parentElement | Bir elemanın üst eleman düğümü döndürür |
| element .previousSibling | Aynı düğüm ağaç seviyesinde önceki düğümü döndürür |
| element .previousElementSibling | Aynı düğüm ağaç seviyesinde önceki elemanı döndürür |
| element . querySelector() | Belirtilen CSS ile eşleşen ilk çocuk elemanı döndürür selector(s) bir elementin |
| öğesi. querySelectorAll() | Belirtilen CSS ile eşleşen tüm alt öğelerini döndürür selector(s) bir elementin |
| element . removeAttribute() | bir elementinden belirtilen bir özelliği kaldırır |
| element . removeAttributeNode() | Belirli bir özellik düğümü kaldırır, ve çıkarılan düğümü döndürür |
| element . removeChild() | Bir elemanın bir alt düğüm kaldırır |
| element . replaceChild() | Bir elemanın bir çocuk düğüm değiştirir |
| element . removeEventListener() | Ile bağlı olan bir olay gidericisini kaldırır addEventListener() metodu |
| element .scrollHeight | dolgu dahil bir elementin bütün yüksekliğini döndürür |
| element .scrollLeft | Ayarlar veya elemanın içeriği yatay kaydırılan piksel sayısını döndürür |
| element .scrollTop | Ayarlar veya elemanın içeriği dikey kaydırılan piksel sayısını döndürür |
| element .scrollWidth | dolgu içeren bir elemanın tüm genişliği boyunca döndürür |
| element . setAttribute() | Ayarlar veya değiştirir specified belirtilen değere niteliği, |
| element . setAttributeNode() | Ayarlar veya değiştirir specified nitelik düğümünü |
| element .Style | Ayarlar veya değerini verir style bir elementin özniteliği |
| element .tabIndex | Ayarlar veya değerini verir tabindex bir elementin özniteliği |
| element .tagName | Bir elemanın etiket adını döndürür |
| element .textContent | Ayarlar veya bir düğüm ve onun soyundan metinsel içeriği döndürür |
| element .title | Ayarlar ya da değerini verir title bir elemanın öznitelik |
| element . toString() | bir dizeye bir öğe dönüştürür |
| nodelist. item() | Bir nodelist belirtilen dizine düğümü döndürür |
| nodelist .length | Bir nodelist düğümlerin sayısını döndürür |