HTML DOM Nodes
Dalam DOM HTML (Document Object Model) , semuanya node:
- Dokumen itu sendiri merupakan simpul dokumen
- Semua elemen HTML adalah node elemen
- Semua atribut HTML node atribut
- Teks di dalam elemen HTML adalah node teks
- Komentar adalah node komentar
Document Object
Ketika sebuah dokumen HTML dimuat ke web browser, menjadi objek dokumen.
Objek dokumen adalah simpul akar dokumen HTML dan "owner" dari semua node lainnya:
(Node elemen, node teks, atribut node, dan node komentar).
Objek dokumen menyediakan properti dan metode untuk mengakses semua benda node, dari dalam JavaScript.
Tip: Dokumen ini merupakan bagian dari objek Window dan dapat diakses sebagai window.document.
Dukungan Browser
| Obyek | |||||
|---|---|---|---|---|---|
| Document | iya nih | iya nih | iya nih | iya nih | iya nih |
Document Object didukung di semua browser utama.
Document Object Properties dan Metode
Properti dan metode berikut dapat digunakan pada dokumen HTML:
| Properti / Metode | Deskripsi |
|---|---|
| document.activeElement | Mengembalikan elemen saat ini difokuskan dalam dokumen |
| dokumen. addEventListener() | Menempel event handler untuk dokumen |
| dokumen. adoptNode() | Mengadopsi sebuah node dari dokumen lain |
| document.anchors | Mengembalikan koleksi semua <a> elemen dalam dokumen yang memiliki atribut nama |
| document.applets | Mengembalikan koleksi semua <applet> elemen dalam dokumen |
| document.baseURI | Mengembalikan URI dasar mutlak dari sebuah dokumen |
| document.body | Set atau mengembalikan tubuh dokumen (the <body> element) |
| dokumen. close() | Menutup output stream sebelumnya dibuka dengan dokumen. open() |
| document.cookie | Mengembalikan semua pasangan nama / nilai cookies dalam dokumen |
| dokumen. createAttribute() | Menciptakan node atribut |
| dokumen. createComment() | Menciptakan node Komentar dengan teks tertentu |
| dokumen. createDocumentFragment() | Menciptakan node DocumentFragment kosong |
| dokumen. createElement() | Menciptakan node Elemen |
| dokumen. createTextNode() | Menciptakan simpul Teks |
| document.doctype | Mengembalikan Document Type Deklarasi terkait dengan dokumen |
| document.documentElement | Mengembalikan Dokumen Elemen dokumen (the <html> element) |
| document.documentMode | Mengembalikan modus yang digunakan oleh browser untuk membuat dokumen |
| document.documentURI | Menetapkan atau mengembalikan lokasi dokumen |
| document.domain | Mengembalikan nama domain dari server yang dimuat dokumen |
| document.domConfig | Usang. Mengembalikan konfigurasi DOM dokumen |
| document.embeds | Mengembalikan koleksi semua <embed> elemen dokumen |
| document.forms | Mengembalikan koleksi semua <form> elemen dalam dokumen |
| dokumen. getElementById() | Mengembalikan elemen yang memiliki ID atribut dengan nilai yang ditentukan |
| dokumen. getElementsByClassName() | Mengembalikan NodeList mengandung semua elemen dengan nama kelas yang ditentukan |
| dokumen. getElementsByName() | Mengembalikan NodeList mengandung semua elemen dengan nama tertentu |
| dokumen. getElementsByTagName() | Mengembalikan NodeList mengandung semua elemen dengan nama tag yang ditentukan |
| dokumen. hasFocus() | Mengembalikan nilai Boolean yang menunjukkan apakah dokumen memiliki fokus |
| document.head | Mengembalikan <head> elemen dokumen |
| document.images | Mengembalikan koleksi semua <img> elemen dalam dokumen |
| document.implementation | Mengembalikan objek DOMImplementation yang menangani dokumen ini |
| dokumen. importNode() | Impor node dari dokumen lain |
| document.inputEncoding | Mengembalikan encoding, set karakter, digunakan untuk dokumen |
| document.lastModified | Mengembalikan tanggal dan waktu dokumen terakhir diubah |
| document.links | Mengembalikan koleksi semua <a> dan <area> elemen dalam dokumen yang memiliki atribut href |
| dokumen. normalize() | Menghapus node Teks kosong, dan bergabung node yang berdekatan |
| dokumen. normalizeDocument() | Menghapus node Teks kosong, dan bergabung node yang berdekatan |
| dokumen. open() | Membuka output stream HTML untuk mengumpulkan keluaran dari dokumen. write() |
| dokumen. querySelector() | Mengembalikan elemen pertama yang cocok dengan CSS yang ditentukan selector(s) dalam dokumen |
| dokumen. querySelectorAll() | Mengembalikan NodeList statis yang berisi semua elemen yang cocok dengan CSS yang ditentukan selector(s) dalam dokumen |
| document.readyState | Mengembalikan (loading) status dokumen |
| document.referrer | Mengembalikan URL dari dokumen yang dimuat dokumen saat ini |
| dokumen. removeEventListener() | Menghapus sebuah event handler dari dokumen (yang telah terpasang dengan addEventListener() metode) |
| dokumen. renameNode() | Mengganti nama node yang ditentukan |
| document.scripts | Mengembalikan koleksi <script> elemen dalam dokumen |
| document.strictErrorChecking | Set atau kembali apakah pengecekan error diberlakukan atau tidak |
| judul dokumen | Menetapkan atau mengembalikan judul dokumen |
| document.URL | Mengembalikan URL lengkap dari dokumen HTML |
| dokumen. write() | Menulis ekspresi HTML atau kode JavaScript untuk dokumen |
| dokumen. writeln() | Sama seperti write() , tetapi menambahkan karakter baris baru setelah setiap pernyataan |
PERINGATAN !!!
Dalam W3C DOM Core objek Dokumen mewarisi semua properti dan metode dari objek Node.
Banyak sifat ini dan metode tidak masuk akal digunakan pada dokumen.
Hindari menggunakan properti simpul objek dan metode pada objek dokumen HTML:
| Properti / Metode | Alasan untuk menghindari |
|---|---|
| document.attributes | Dokumen tidak memiliki atribut |
| dokumen. hasAttributes() | Dokumen tidak memiliki atribut |
| document.nextSibling | Dokumen tidak memiliki saudara kandung |
| document.nodeName | Ini selalu #document |
| document.nodeType | Ini selalu 9 (DOCUMENT_NODE) |
| document.nodeValue | Dokumen tidak memiliki nilai simpul |
| document.ownerDocument | Dokumen tidak memiliki dokumen pemilik |
| document.ownerElement | Dokumen tidak memiliki unsur pemilik |
| document.parentNode | Dokumen tidak memiliki node induk |
| document.previousSibling | Dokumen tidak memiliki saudara kandung |
| document.textContent | Dokumen tidak memiliki konten teks |