JavaScript DOM (Document Object Model) adalah sebuah API (Application Programming Interface) yang memungkinkan kita untuk mengakses dan memodifikasi elemen dari sebuah halaman web. Ini berarti kita dapat mengubah struktur, gaya, atau isi dari sebuah halaman web sesuai dengan keinginan kita.

JavaScript DOM memungkinkan kita untuk mengakses elemen HTML sebagai objek, sehingga kita dapat memodifikasi elemen tersebut dengan cara yang sama seperti mengubah nilai properti pada objek JavaScript biasa.

Untuk mengakses elemen HTML, kita dapat menggunakan method seperti getElementById, getElementsByClassName, atau getElementsByTagName. Setelah mengakses elemen, kita dapat memodifikasi elemen tersebut dengan mengubah nilai properti atau method yang tersedia pada objek elemen tersebut.

Contoh sederhana menggunakan JavaScript DOM adalah mengubah isi dari sebuah elemen dengan menggunakan method innerHTML:

• <div id="myDiv">Hello, World!</div>
• <script>
•   // Mengambil elemen dengan id "myDiv"
•   var myDiv = document.getElementById("myDiv");
•   // Mengganti isi dari elemen dengan string baru
•   myDiv.innerHTML = "Hello, DOM!";
• </script>

Dengan menggunakan JavaScript DOM, kita dapat membuat halaman web yang dinamis dan interaktif. Misalnya, kita dapat membuat form validasi, menambahkan event listener pada elemen, atau menampilkan data dari server ke dalam halaman web.