HTML DOM belge nesne web sayfasında tüm diğer nesnelerin sahibidir.
HTML DOM Document Object
belge nesne web sayfasını temsil eder.
bir HTML sayfası herhangi bir öğeyi erişmek istiyorsanız, her zaman belge nesnesine erişim ile başlar.
Aşağıda erişebilir ve HTML işlemek için belge nesnesi nasıl kullanabileceğinizi bazı örnekler verilmiştir.
Bulma HTML Elemanları
Yöntem | Açıklama |
---|---|
document. getElementById( id ) | öğenin kimliği ile bir öğe bulun |
document. getElementsByTagName( name ) | etiket adıyla elemanları bul |
document. getElementsByClassName( name ) | sınıf adıyla elemanları bul |
HTML Elementleri Değiştirme
Yöntem | Açıklama |
---|---|
element .innerHTML = new html content | Bir elemanın iç HTML değiştirme |
element . attribute = new value | Bir HTML öğesinin öznitelik değerini değiştirin |
element .setAttribute (attribute, value) | Bir HTML öğesinin öznitelik değerini değiştirin |
element .style. property = new style | Bir HTML elemanının stilini değiştirme |
Ekleme ve Silme Elemanları
Yöntem | Açıklama |
---|---|
document. createElement( element ) | Bir HTML öğesi oluşturma |
document. removeChild( element ) | bir HTML öğesi kaldır |
document. appendChild( element ) | bir HTML öğesi ekleyin |
document. replaceChild( element ) | Bir HTML elemanını değiştirin |
document. write( text ) | HTML çıktı akışı içine yaz |
Olaylar Eylemciler ekleme
Yöntem | Açıklama |
---|---|
document. getElementById( id ) .onclick = function() { code } | Bir olay işleyici kodunu eklemek onclick olayı |
HTML Nesneleri Bulma
İlk HTML DOM Düzey 1 (1998) , 11, HTML nesneleri, nesne koleksiyonları ve özellikleri tanımlanmıştır. Bunlar hala HTML5'teki geçerlidir.
Daha sonra HTML DOM Düzey 3, daha fazla nesne, koleksiyonlar ve özellikleri eklendi.
özellik | Açıklama | DOM |
---|---|---|
document.anchors | Tüm döndürür <a> bir isim özniteliği unsurları | 1 |
document.applets | Tüm döndürür <applet> elementler (HTML5 kullanım dışı) | 1 |
document.baseURI | Belgenin mutlak taban URI döndürür | 3 |
document.body | İade <body> elemanı | 1 |
document.cookie | belgenin çerez döndürür | 1 |
document.doctype | belgenin Doctype'ı döndürür | 3 |
document.documentElement | İade <html> elemanı | 3 |
document.documentMode | Tarayıcı tarafından kullanılan modu döndürür | 3 |
document.documentURI | belgenin tanım İade | 3 |
document.domain | Belge sunucusunun alan adını döndürür | 1 |
document.domConfig | Eski. DOM yapılandırmasını döndürür | 3 |
document.embeds | Tüm döndürür <embed> elemanlar | 3 |
document.forms | Tüm döndürür <form> elemanlar | 1 |
document.head | İade <head> elemanı | 3 |
document.images | Tüm döndürür <img> elemanları | 1 |
document.implementation | DOM uygulanmasını döndürür | 3 |
document.inputEncoding | Belgenin kodlamasını döndürür (character set) | 3 |
document.lastModified | Belge güncellendi tarih ve saatini döndürür | 3 |
document.links | İade tüm <area> ve <a> a href özniteliği elementler | 1 |
document.readyState | İade (loading) dokümanın durumunu | 3 |
document.referrer | İade Yönlendirenin URI (the linking document) | 1 |
document.scripts | Tüm döndürür <script> elemanlar | 3 |
document.strictErrorChecking | İade hata denetimi zorunlu ise | 3 |
document.title | İade <title> öğesi | 1 |
document.URL | Belgenin tam URL'sini döndürür | 1 |