JavaScript HTML DOM

Melalui HTML DOM, JavaScript dapat mengakses dan mengubah semua elemen dokumen HTML.

HTML DOM (Model Objek Dokumen)

Ketika halaman diunggah, peramban akan membuat model objek dokumen halaman (Document Object Model).

HTML DOM Model diatur untukPohon objek:

Pohon DOM objek

Pohon DOM HTML

Dengan model objek ini, JavaScript mendapatkan semua kekuatan untuk membuat HTML dinamis:

  • JavaScript dapat mengubah semua elemen HTML di halaman
  • JavaScript dapat mengubah semua atribut HTML di halaman
  • JavaScript dapat mengubah semua gaya CSS di halaman
  • JavaScript dapat menghapus elemen HTML dan atribut yang sudah ada
  • JavaScript dapat menambah elemen HTML dan atribut baru
  • JavaScript dapat merespon semua acara HTML yang sudah ada di halaman
  • JavaScript dapat membuat acara HTML baru di halaman

Apa yang Anda akan belajar

Dalam bab berikutnya di tutorial ini, Anda akan belajar tentang:

  • Bagaimana mengubah konten elemen HTML
  • Bagaimana merubah gaya elemen HTML (CSS)
  • Bagaimana merespon event HTML DOM
  • Bagaimana menambah dan menghapus elemen HTML

Apa itu DOM?

DOM adalah standar W3C (World Wide Web Consortium).

DOM mendefinisikan standar untuk mengakses dokumen:

“W3C Document Object Model (DOM) adalah antarmuka yang independen platform dan bahasa, yang memungkinkan program dan skrip mengakses, memperbarui konten, struktur, dan gaya dokumen secara dinamis.”

Standar W3C DOM dibagi menjadi 3 bagian yang berbeda:

  • Core DOM - Model Standar untuk semua tipe dokumen
  • XML DOM - Model Standar Dokumen XML
  • HTML DOM - Model Standar Dokumen HTML

Apa itu HTML DOM?

HTML DOM adalah standar HTMLObjekModel danAntarmuka Pemrograman. Ini mendefinisikan:

  • SebagaiObjekElemen HTML
  • Semua elemen HTMLProperti
  • Mengakses semua elemen HTMLMetode
  • Semua elemen HTMLEvent

Arti lainnya: HTML DOM adalah standar tentang bagaimana mengambil, mengubah, menambah, atau menghapus elemen HTML.