En son web geliştirme öğreticiler
 

JavaScript HTML DOM Belgesi


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