JavaScript HTML DOM
Dengan DOM HTML, JavaScript dapat mengakses dan mengubah semua elemen dokumen HTML.
HTML DOM (Model Objek Dokumen)
Saat halaman web dimuat, browser membuat Model Objek Dokumen dari halaman tersebut .
Model DOM HTML dibangun sebagai pohon Objects :
Pohon Objek HTML DOM
Dengan model objek, JavaScript mendapatkan semua kekuatan yang dibutuhkan 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 dan atribut HTML yang ada
- JavaScript dapat menambahkan elemen dan atribut HTML baru
- JavaScript dapat bereaksi terhadap semua peristiwa HTML yang ada di halaman
- JavaScript dapat membuat acara HTML baru di halaman
Apa yang Akan Anda Pelajari
Dalam bab berikutnya dari tutorial ini Anda akan belajar:
- Cara mengubah konten elemen HTML
- Bagaimana mengubah gaya (CSS) elemen HTML
- Bagaimana bereaksi terhadap acara HTML DOM
- Cara menambah dan menghapus elemen HTML
Apa itu DOMnya?
DOM adalah standar W3C (World Wide Web Consortium).
DOM mendefinisikan standar untuk mengakses dokumen:
"Model Objek Dokumen W3C (DOM) adalah platform dan antarmuka netral bahasa yang memungkinkan program dan skrip mengakses dan memperbarui konten, struktur, dan gaya dokumen secara dinamis."
Standar DOM W3C dipisahkan menjadi 3 bagian berbeda:
- Core DOM - model standar untuk semua jenis dokumen
- XML DOM - model standar untuk dokumen XML
- HTML DOM - model standar untuk dokumen HTML
Apa itu DOM HTML?
HTML DOM adalah model objek standar dan antarmuka pemrograman untuk HTML. Ini mendefinisikan:
- Elemen HTML sebagai objek
- Properti dari semua elemen HTML
- Metode untuk mengakses semua elemen HTML
- Acara untuk semua elemen HTML
Dengan kata lain: DOM HTML adalah standar untuk mendapatkan, mengubah, menambah, atau menghapus elemen HTML.