JavaScript HTML DOM
- Halaman Sebelumnya JS Async
- Halaman Berikutnya Metode DOM
Melalui HTML DOM, JavaScript dapat mengakses dan mengubah semua elemen dokumen HTML.
HTML DOM (Model Objek Dokumen)
Ketika halaman di muat, peramban akan membuat model objek dokumen halaman (Document Object Model).
HTML DOM Model diaturPohon objek:
Pohon DOM objek
Melalui model objek ini, JavaScript mendapatkan seluruh 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 menambahkan elemen HTML baru dan atribut
- JavaScript dapat merespon kepada semua acara HTML yang sudah ada di halaman
- JavaScript dapat membuat acara HTML baru di halaman
Apa yang anda akan belajar
Dalam bab-bab di bawah tutorial ini, anda akan belajar tentang:
- Bagaimana untuk mengubah konten elemen HTML
- Bagaimana mengubah gaya elemen HTML (CSS)
- Bagaimana merespon acara DOM HTML
- Bagaimana menambah dan menghapus elemen HTML
Apa itu DOM?
DOM adalah standar W3C (World Wide Web Consortium).
DOM mendefinikan standar untuk mengakses dokumen:
“W3C Document Object Model (DOM) adalah antarmuka yang bebas platform dan bahasa, yang memungkinkan program dan skrip mengakses, mengubah, dan memodifikasi kandungan, struktur, dan gaya dokumen secara dinamik.”
Standard DOM W3C dibahagikan kepada 3 bahagian berbeza:
- Core DOM - Model Standar untuk semua jenis dokumen
- DOM XML - Model Standar Dokumen XML
- DOM HTML - Model Standar Dokumen HTML
Apa itu DOM HTML?
DOM HTML adalah standar HTMLObjekModel danAntarmuka Perograman. Ia mendefinikan:
- sebagaiObjekelemen HTML
- Semua elemen HTMLProperti
- Akses ke semua elemen HTMLMetode
- Semua elemen HTMLAcara
Arti lainnya: DOM HTML adalah standar tentang bagaimana untuk mendapatkan, mengubah, menambah, atau menghapus elemen HTML.
- Halaman Sebelumnya JS Async
- Halaman Berikutnya Metode DOM
