Objek Document HTML DOM

Object Document

Saat dokumen HTML dimuat ke pelayar web, ia menjadiDokumen Object.

Dokumen ObjectAdalah node root HTML dokumen.

Dokumen ObjectAdalahObject Windowproperti.

Dapat diakses melalui cara berikut:Dokumen Object:

window.document atau hanya document

Contoh

let url = window.document.URL;

Cuba sendiri

let url = document.URL;

Cuba sendiri

Dokumen Object Property dan Method

Berikut adalah properti dan method yang boleh digunakan dalam dokumen HTML:

Property / Method Description
all[] Kembalikan referensi kepada semua elemen HTML dalam dokumen.
activeElement Kembalikan elemen yang mempunyai fokus semasa dalam dokumen.
addEventListener() Menambahkan penanggung jawab peristiwa ke dokumen.
adoptNode() Mengambil node dari dokumen lain.
anchors Ditinggalkan.
applets Ditinggalkan.
baseURI Mengembalikan URI dasar yang abadi dokumen.
body Mengatur atau mengembalikan teks utama (elemen <body>) dokumen.
charset Ditinggalkan.
characterSet Mengembalikan karakter encoding dokumen.
close() Menutup aliran output yang dibuka sebelumnya dengan document.open().
cookie Mengembalikan pasangan nama nilai semua cookie didalam 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 Mengawasi 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 semua elemen <embed> didalam dokumen.
execCommand() Ditinggalkan.
forms Mengembalikan kumpulan semua elemen <form> didalam dokumen.
getElementById() Mengembalikan elemen yang memiliki nilai atribut ID yang ditentukan.
getElementsByClassName() Mengembalikan semua elemen yang memiliki nama kelas yang ditentukan. HTMLCollection.
getElementsByName() Mengembalikan semua elemen yang aktif yang memiliki nama yang ditentukan. NodeList.
getElementsByTagName() Mengembalikan semua elemen yang memiliki nama tag yang ditentukan. HTMLCollection.
hasFocus() Mengembalikan nilai boolean, menunjukkan apakah dokumen mendapatkan focus.
head Mengembalikan elemen <head> dokumen.
images Mengembalikan kumpulan semua elemen <img> didalam dokumen.
implementation Mengembalikan objek DOMImplementation yang menangani dokumen ini.
importNode() Mengimport node dari dokumen lain.
inputEncoding Ditinggalkan.
lastModified Mengembalikan tarikh dan masa terakhir perubahan dokumen.
links Mengembalikan koleksi semua elemen <a> dan <area> yang memiliki properti href didalam 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 didalam dokumen.
querySelectorAll() Mengembalikan NodeList statis yang mengandung semua elemen yang cocok dengan pemilihan CSS yang ditentukan didalam dokumen.
readyState Mengembalikan status (load) dokumen.
referrer Mengembalikan URL dokumen yang dimuat saat ini.
removeEventListener() Menghapus penanganan acara dari dokumen (telah digunakan Metode addEventListener() Ditambahkan).
renameNode() Ditinggalkan.
scripts Mengembalikan koleksi elemen <script> didalam dokumen.
strictErrorChecking Ditinggalkan.
title Mengatur atau mengembalikan tajuk dokumen.
URL Mengembalikan URL yang penuh bagi dokumen HTML.
write() Menulis ekspresi HTML atau kod JavaScript ke dokumen.
writeln() Sama seperti write(), tetapi menambahkan simbol enter setelah setiap baris.

Deskripsi Objek Document

Interface HTMLDocument mengembangkan interface DOM Document, mendefinisikan properti dan metod khusus HTML.

Banyak properti dan metod adalah objek HTMLCollection (secara faktual adalah array yang dapat diakses melalui nama indeks dan hanya baca), yang menyimpan referensi kepada aksen, borang, pautan, dan elemen yang boleh diskripkan lain.

Properti koleksi ini berasal dari tingkatan 0 DOM. Mereka telah Document.getElementsByTagName() Digantikan, tetapi masih sering digunakan kerana kemudahan mereka.

Metode write()Perhatian, semasa dokumen dimuat dan diurai, ia membenarkan skrip untuk memasukkan kandungan yang dihasilkan secara dinamik ke dalam dokumen.

Perhatian, dalam DOM tingkat 1, HTMLDocument mendefinikan satu yang dinamakan getElementById() Penggunaan yang sangat berguna. Dalam DOM tingkat 2, kaedah ini telah dipindahkan ke antara Dokumen, ia kini diwarisi oleh HTMLDocument bukannya didefinisi olehnya.