Objek Document HTML DOM

Objek Document

Ketika dokumen HTML dimuat ke browser Web, ia menjadi sebuahObjek Dokumen.

Objek DokumenAdalah akar node HTML dokumen.

Objek DokumenAdalahObjek JendelaAtributnya.

Diascess melalui cara berikut:Objek Dokumen:

window.document atau hanya document

Contoh

let url = window.document.URL;

Coba sendiri

let url = document.URL;

Coba sendiri

Atribut dan Metode Objek Dokumen

Berikut adalah atribut dan metode yang dapat digunakan dalam dokumen HTML:

Atribut / Metode Deskripsi
all[] Mengembalikan referensi ke semua elemen HTML dalam dokumen.
activeElement Mengembalikan elemen yang memiliki fokus saat ini dalam dokumen.
addEventListener() Menambahkan penanggung jawab peristiwa ke dokumen.
adoptNode() Mengambil node dari dokumen lain.
anchors Ditinggalkan.
applets Ditinggalkan.
baseURI Mengembalikan URI dasar yang absolut dokumen.
body Mengatur atau mengembalikan teks utama (elemen <body>) dokumen.
charset Ditinggalkan.
characterSet Mengembalikan karakter set karakter dokumen.
close() Menutup aliran output yang dibuka sebelumnya dengan document.open().
cookie Mengembalikan pasangan nama/nilai cookie di dalam dokumen.
createAttribute() Membuat node atribut.
createComment() Membuat node Comment dengan teks yang ditentukan.
createDocumentFragment() Membuat node DocumentFragment kosong.
createElement() Membuat node elemen.
createEvent() Membuat peristiwa baru.
createTextNode() Membuat node teks.
defaultView Mengembalikan objek window yang berhubungan dengan dokumen, jika tidak tersedia, kembalikan null.
designMode Mengendalikan apakah seluruh dokumen seharusnya dapat diedit.
doctype Mengembalikan deklarasi tipe dokumen yang berhubungan dengan dokumen.
documentElement Mengembalikan elemen Document dokumen (elemen <html>).
documentMode Ditinggalkan.
documentURI Mengatur atau mengembalikan lokasi dokumen.
domain Mengembalikan domain nama server yang memuat dokumen.
domConfig Ditinggalkan.
embeds Mengembalikan kumpulan elemen <embed> di dalam dokumen.
execCommand() Ditinggalkan.
forms Mengembalikan kumpulan elemen <form> di dalam dokumen.
getElementById() Mengembalikan elemen yang memiliki nilai atribut ID yang ditentukan.
getElementsByClassName() Mengembalikan elemen yang memiliki nama kelas yang ditentukan. HTMLCollection.
getElementsByName() Mengembalikan elemen yang memiliki nama yang ditentukan yang aktif. NodeList.
getElementsByTagName() Mengembalikan elemen yang memiliki nama tag yang ditentukan. HTMLCollection.
hasFocus() Mengembalikan nilai boolean yang menunjukkan apakah dokumen mendapatkan fokus.
head Mengembalikan elemen <head> dokumen.
images Mengembalikan kumpulan elemen <img> di dalam dokumen.
implementation Mengembalikan objek DOMImplementation yang menangani dokumen ini.
importNode() Impor node dari dokumen lain.
inputEncoding Ditinggalkan.
lastModified Mengembalikan tanggal dan waktu terakhir perubahan dokumen.
links Mengembalikan kumpulan elemen <a> dan <area> yang memiliki properti href dalam dokumen.
normalize() Menghapus node teks kosong dan menghubungkan node yang berdekatan.
normalizeDocument() Ditinggalkan.
open() Membuka aliran output HTML untuk mengumpulkan output dari document.write().
querySelector() Mengembalikan elemen pertama yang cocok dengan pemilihan CSS yang ditentukan dalam dokumen.
querySelectorAll() Mengembalikan NodeList statis yang mengandung semua elemen yang cocok dengan pemilihan CSS yang ditentukan dalam dokumen.
readyState Mengembalikan status (load) dokumen.
referrer Mengembalikan URL dokumen yang dimuat saat ini.
removeEventListener() Menghapus penanganan event dari dokumen (yang telah digunakan metode addEventListener() tambahan).
renameNode() Ditinggalkan.
scripts Mengembalikan kumpulan elemen <script> dalam dokumen.
strictErrorChecking Ditinggalkan.
title Mengatur atau mengembalikan judul dokumen.
URL Mengembalikan URL yang penuh dari dokumen HTML.
write() Menuliskan ekspresi HTML atau kode JavaScript ke dokumen.
writeln() Sama seperti write(), tetapi menambahkan karakter baris baru setelah setiap pernyataan.

Deskripsi objek Document

Interface HTMLDocument meluaskan interface DOM Document, menentukan properti dan metode khusus HTML.

Banyak properti dan metode adalah objek HTMLCollection (akan tetapi dapat digunakan seperti array atau indeks berdasarkan nama, array hanya-baca), yang menyimpan referensi kepada anchor, formulir, tautan, dan elemen yang dapat di-script lainnya.

Properti kumpulan ini berasal dari tingkatan DOM 0. Mereka telah Document.getElementsByTagName() digantikan, tetapi masih sering digunakan, karena mereka sangat mudah.

metode write()Perhatian, saat dokumen dimuat dan diurai, ia memungkinkan skrip untuk memasukkan konten yang dibuat secara dinamis ke dalam dokumen.

Perhatikan, dalam DOM tingkat 1, HTMLDocument mendefinisikan satu yang disebut getElementById() Metode yang sangat berguna. Dalam DOM tingkat 2, metode ini telah dipindahkan ke antarmuka Document, saat ini disebagai warisan HTMLDocument daripada yang didefinisikan oleh itu.