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
Belge Nesne
Bir HTML dokümanı bir web tarayıcıya yüklendiğinde, bu bir belge nesnesi haline gelir.
Belge nesne HTML belgesi ve kök düğüm "owner" Diğer tüm düğümlerin:
(Eleman düğümleri, metin düğümleri, düğümlerini bağlıyor ve açıklama düğümleri).
doküman nesne özellikleri ve yöntemleri JavaScript içinde, tüm düğüm nesneleri ulaşmak için sağlar.
Tip: belge penceresi nesnenin bir parçası olan ve window.document olarak erişilebilir.
Tarayıcı Desteği
| Nesne | |||||
|---|---|---|---|---|---|
| Document | Evet | Evet | Evet | Evet | Evet |
Belge Nesne tüm büyük tarayıcılarda desteklenir.
Belge Nesne özellikleri ve yöntemleri
Aşağıdaki özellikleri ve yöntemleri HTML belgeleri üzerinde kullanılabilir:
| Özellik / yöntem | Açıklama |
|---|---|
| document.activeElement | Belgede şu anda odaklanmış elemanı döndürür |
| belgesi. addEventListener() | Belgeye bir olay işleyici takılır |
| belgesi. adoptNode() | Başka bir belgeden bir düğüm benimser |
| document.anchors | Bütün bir koleksiyon döndürür <a> bir isim özniteliği belgede elemanları |
| document.applets | Bütün bir koleksiyon döndürür <applet> belgedeki elemanların |
| document.baseURI | Bir belgenin mutlak taban URI döndürür |
| document.body | Ayarlar veya belgenin vücudunu döndürür (the <body> element) |
| belgesi. close() | Daha önce belge ile açılan çıkış akımı kapatır. open() |
| document.cookie'yi | Tüm ad / değer çiftleri döndürür cookies belgede |
| belgesi. createAttribute() | Bir özellik düğümü oluşturur |
| belgesi. createComment() | Belirtilen metin ile Comment düğümü oluşturur |
| belgesi. createDocumentFragment() | Boş DocumentFragment düğümü oluşturur |
| belgesi. createElement() | Bir öğe düğümü oluşturur |
| belgesi. createTextNode() | Metin düğümü oluşturur |
| document.doctype | belgenin Belge Tipi Deklarasyonu döndürür |
| document.documentElement | Belgenin Belge Eleman döndürür (the <html> element) |
| document.documentMode | Tarayıcı tarafından kullanılan mod belgesini işlemek için döndürür |
| document.documentURI | Ayarlar veya belgenin konumunu döndürür |
| document.domain | Belgeyi yüklenen sunucunun etki alanı adını döndürür |
| document.domConfig | Eski. Belgenin DOM yapılandırmasını döndürür |
| document.embeds | Bütün bir koleksiyon döndürür <embed> elemanları belge |
| document.forms | Bütün bir koleksiyon döndürür <form> belgedeki elemanların |
| belgesi. getElementById() | Vardır elemanı döndürür ID belirlenen özelliğin değeri |
| belgesi. getElementsByClassName() | Belirtilen sınıf adıyla tüm unsurları içeren bir nodelist döndürür |
| belgesi. getElementsByName() | Belirtilen ada sahip tüm öğeleri içeren bir nodelist döndürür |
| belgesi. getElementsByTagName() | Belirtilen etiket adı ile tüm öğeleri içeren bir nodelist döndürür |
| belgesi. hasFocus() | İade Boolean değeri belge odağı olup olmadığını gösteren |
| document.head | İade <head> belgenin unsuru |
| document.images | Bütün bir koleksiyon döndürür <img> belgede elemanları |
| document.implementation | Bu belgeyi elde edilmesinde kullanılan DOMImplementation nesnesini döndürür |
| belgesi. importNode() | Başka bir belgeden bir düğüm aktarır |
| document.inputEncoding | belge için kullanılan kodlamayı, karakter kümesini döndürür |
| document.lastModified | Belge son değişiklik tarih ve saati döndürür |
| document.links | Bütün bir koleksiyon döndürür <a> ve <area> a href özniteliği belgede elemanları |
| belgesi. normalize() | Boş Metin düğümleri kaldırır ve bitişikteki düğümleri birleştiren |
| belgesi. normalizeDocument() | Boş Metin düğümleri kaldırır ve bitişikteki düğümleri birleştiren |
| belgesi. open() | belgeden çıktı toplamak için bir HTML çıkış akışı açar. write() |
| belgesi. querySelector() | Belirtilen CSS eşleşen ilk elemanı döndürür selector(s) belgesinde |
| belgesi. querySelectorAll() | Belirtilen CSS ile eşleşen tüm unsurları içeren bir statik nodelist döndürür selector(s) belgesinde |
| document.readyState | İade (loading) dokümanın durumunu |
| document.referrer | Geçerli belgeyi yüklenen dokümanın URL'sini döndürür |
| belgesi. removeEventListener() | (Ekli edilmiş belgesinden bir olay gidericisini kaldırır addEventListener() metodu) |
| belgesi. renameNode() | Belirtilen düğümü adlandırır |
| document.scripts | Bir koleksiyon döndürür <script> belgedeki elemanların |
| document.strictErrorChecking | Ayarlar veya döndürür hata kontrol zorlanan olsun veya olmasın |
| belge başlığı | Ayarlar veya belgenin başlığını döndürür |
| document.URL | HTML belgesinin tam URL'sini döndürür |
| belgesi. write() | Bir belgeye HTML ifadeleri veya JavaScript kodunu yazar |
| belgesi. writeln() | Aynı write() , ancak her beyanı sonra bir satır karakteri ekler |
Uyarı !!!
W3C DOM Çekirdek olarak, belge bir amacı düğüm nesnesinden tüm özellikleri ve yöntemleri devralır.
Bu özelliklerin ve yöntemlerin çoğu belgelerde kullanılan hiçbir mantıklı.
HTML belgesi nesneler üzerinde bu düğüm nesnesi özelliklerini ve yöntemlerini kullanmaktan kaçının:
| Özellik / yöntem | kaçınarak Nedeni |
|---|---|
| document.attributes | Belgeler özelliklerini yok |
| belgesi. hasAttributes() | Belgeler özelliklerini yok |
| document.nextSibling | Belgeler kardeşleri yok |
| document.nodeName | Bu her zaman #document olduğunu |
| document.nodeType | Bu 9 her zaman (DOCUMENT_NODE) |
| document.nodeValue | Belgeler bir düğüm değeri olmayan |
| document.ownerDocument | Belgeler bir sahibi dokümanı yok |
| document.ownerElement | Belgeler bir sahibi eleman yok |
| document.parentNode | Belgeler bir üst düğüm yok |
| document.previousSibling | Belgeler kardeşleri yok |
| document.textContent | Belgeler Bir metin içerik yok |