Dokumen JavaScript HTML DOM

Objek dokumen DOM HTML adalah pemilik dari semua objek lain di halaman web Anda.

Objek Dokument HTML DOM

Objek dokumen mewakili halaman web Anda.

Jika Anda ingin mengakses elemen apapun di halaman HTML, Anda selalu mulai dengan mengakses objek document.

Berikut adalah contoh tentang cara menggunakan objek document untuk mengakses dan mengoperasikan HTML.

Cari elemen HTML

Metode Deskripsi
document.getElementById(id) Cari elemen melalui id elemen
document.getElementsByTagName(name) Cari elemen melalui nama tag
document.getElementsByClassName(name) Cari elemen melalui nama kelas

Ubah elemen HTML

Metode Deskripsi
element.innerHTML = konten HTML baru Ubah HTML inner dari elemen
element.attribute = new value Ubah nilai atribut elemen HTML
element.setAttribute(attribute, value) Ubah nilai atribut elemen HTML
element.style.property = new style Ubah gaya elemen HTML

Tambahkan dan hapus elemen

Metode Deskripsi
document.createElement(element) Buat elemen HTML
document.removeChild(element) Hapus elemen HTML
document.appendChild(element) Tambahkan elemen HTML
document.replaceChild(element) Ganti elemen HTML
document.write(text) Tuliskan aliran keluar HTML

Tambahkan pemroses event

Metode Deskripsi
document.getElementById(id).onclick = function(){code} Tambahkan pemroses event ke event onclick

Cari objek HTML

HTML DOM Level 1 pertama (1998), mendefinisikan 11 objek HTML, koleksi objek, dan atribut. Mereka masih berlaku di HTML5.

Kemudian, di HTML DOM Level 3, ditambahkan lebih banyak objek, koleksi, dan atribut.

Atribut Deskripsi DOM
document.anchors Kembalikan semua elemen <a> yang memiliki atribut name. 1
document.applets Kembalikan semua elemen <applet>(Tidak disarankan digunakan di HTML5) 1
document.baseURI Kembalikan URI dasar yang absolut dokumen 3
document.body Kembalikan elemen <body> 1
document.cookie Kembalikan cookie dokumen 1
document.doctype Kembalikan doctype dokumen 3
document.documentElement Kembalikan elemen <html> 3
document.documentMode Kembalikan mode yang digunakan browser 3
document.documentURI Kembalikan URI dokumen 3
document.domain Kembalikan domain server dokumen 1
document.domConfig Ditinggalkan.Kembalikan konfigurasi DOM 3
document.embeds Kembalikan semua elemen <embed> 3
document.forms Kembalikan semua elemen <form> 1
document.head Kembalikan elemen <head> 3
document.images Kembalikan semua elemen <img> 1
document.implementation Kembalikan implementasi DOM 3
document.inputEncoding Kembalikan pengkodean dokumen (charset) 3
document.lastModified Kembalikan tanggal dan waktu pemutakhiran dokumen 3
document.links Kembalikan semua elemen <area> dan <a> yang memiliki atribut href 1
document.readyState Kembalikan status (memuat) dokumen 3
document.referrer Kembalikan URI yang direferensi (dokumen yang dihubungkan) 1
document.scripts Kembalikan semua elemen <script> 3
document.strictErrorChecking Kembalikan apakah pemeriksaan kesalahan disertai 3
document.title Kembalikan elemen <title> 1
document.URL Kembalikan URL lengkap dokumen 1