JavaScript HTML DOM 文档

Objek Dokument DOM HTML adalah pemilik bagi semua objek lain di halaman web anda.

Objek Dokument DOM HTML

Objek dokumen mewakili halaman web anda.

Jika anda ingin mengakses sebarang elemen di halaman HTML, anda selalu mulai dengan mengakses objek document.

Berikut adalah contoh beberapa cara untuk mengakses dan mengoperasikan HTML melalui objek document.

Cari elemen HTML

Metode Penerangan
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 Penerangan
element.innerHTML = kandungan HTML baru Ubah HTML inner elemen
element.attribute = new value Ubah nilai atribut elemen HTML
element.setAttribute(atribut, value) Ubah nilai atribut elemen HTML
element.style.property = new style Ubah gaya elemen HTML

Tambah dan hapus elemen

Metode Penerangan
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) Tulis aliran keluar HTML

Tambahkan pemproses peristiwa

Metode Penerangan
document.getElementById(id).onclick = function(){code} Tambahkan pemproses peristiwa ke peristiwa onclick

Cari objek HTML

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

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

Atribut Penerangan DOM
document.anchors Kembalikan semua elemen <a> yang memiliki properti name. 1
document.applets Kembalikan semua elemen <applet>(Tidak disarankan untuk digunakan dalam HTML5) 1
document.baseURI Kembalikan URI dasar 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 model yang digunakan pengguna browser 3
document.documentURI Kembalikan URI dokumen 3
document.domain Kembalikan nama domain pelayan dokumen 1
document.domConfig Ditabalkan.Kembalikan konfigurasi DOM 3
document.embeds Kembalikan semua elemen <embed> 3
document.forms Return all <form> elements 1
document.head Return the <head> element 3
document.images Return all <img> elements 1
document.implementation Return the DOM implementation 3
document.inputEncoding Return the encoding (character set) of the document 3
document.lastModified Return the date and time of the document update 3
document.links Return all <area> and <a> elements with href attributes 1
document.readyState Return the (loading) state of the document 3
document.referrer Return the referenced URI (linked document) 1
document.scripts Return all <script> elements 3
document.strictErrorChecking Return whether error checking is enforced 3
document.title Return the <title> element 1
document.URL Return the complete URL of the document 1