Objek Window Document

Objek Document

Ketika dokumen HTML dimuat ke browser web, ia menjadiObjek Dokumen.

Objek Dokumenroot node dari dokumen HTML.

Objek DokumenAdalahObjek Jendelapropertinya.

Dengan cara berikut untuk mengaksesObjek Dokumen:

window.document atau hanya document

Contoh

let url = window.document.URL;

Coba sendiri

let url = document.URL;

Coba sendiri

Properti dan Metode Objek Dokumen

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

Properti / Metode Deskripsi
activeElement Kembalikan elemen yang memiliki fokus saat ini dalam dokumen.
addEventListener() Menambahkan penanggung jawab acara ke dokumen.
adoptNode() Mengambil node dari dokumen lain.
anchors Ditinggalkan
applets Ditinggalkan
baseURI Mengembalikan URI dasar dokumen yang absolut.
body Mengatur atau mengembalikan teks utama (elemen <body>) dokumen.
charset Ditinggalkan
characterSet Mengembalikan karakter set karakter dokumen.
close() Menutup aliran output yang sebelumnya dibuka dengan document.open().
cookie Mengembalikan pasangan namanilai cookie seluruhnya 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 acara 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 nama domain server yang memuat dokumen.
domConfig Ditinggalkan
embeds Mengembalikan kumpulan elemen <embed> seluruhnya dalam dokumen.
execCommand() Ditinggalkan
forms Mengembalikan kumpulan elemen <form> seluruhnya 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 aktif yang memiliki nama yang ditentukan. 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> seluruhnya dalam dokumen.
implementation Mengembalikan objek DOMImplementation yang menangani dokumen ini.
importNode() Impor node dari dokumen lain.
inputEncoding Ditinggalkan
lastModified Mengembalikan tanggal dan waktu terakhir modifikasi 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 keluar 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 (memuat) dokumen.
referrer Mengembalikan URL dokumen yang menggelar dokumen saat ini.
removeEventListener() Menghapus penanggung jawab peristiwa dari dokumen (sudah digunakan Metode addEventListener() penambahan).
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() Menulis ekspresi HTML atau kode JavaScript ke dokumen.
writeln() Sama seperti write(), tetapi menambahkan karakter baris baru setelah setiap pernyataan.

Deskripsi Object Document

Interface HTMLDocument mengembangkan interface DOM Document, mendefinisikan properti dan metode yang khusus untuk HTML.

Banyak properti dan metode adalah objek HTMLCollection (secara aktual adalah array atau array yang dapat diindeks berdasarkan nama yang dibaca), yang menyimpan referensi ke a, formulir, tautan, dan elemen yang dapat di-script lainnya.

Properti kumpulan ini berasal dari tingkatan 0 DOM. Mereka sudah Document.getElementsByTagName() Tetapi masih sering digunakan, karena mudah digunakan.

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

Perhatian, dalam DOM tingkat 1, HTMLDocument mendefinisikan sebuah objek yang bernama getElementById() metode yang sangat berguna. Dalam DOM tingkat 2, metode ini telah dipindahkan ke antarmuka Document, saat ini disimpulkan oleh HTMLDocument bukannya didefinisikan olehnya.