Metode HTML DOM adalah tindakan-tindkaan yang dapat dilakukan (pada Elemen HTML).
Properti HTML DOM adalah nilai (dari Elemen HTML) yang dapat diatur atau diubah.
Interface Pemrograman DOM
HTML DOM dapat diakses dengan JavaScript (dan dengan bahasa pemrograman lain).
Di DOM, semua elemen HTML didefinisikan sebagai objek.
Interface pemrograman adalah properti dan metode dari setiap objek.
Properti adalah nilai yang bisa didapatkan atau diatur (seperti mengubah konten elemen HTML).
Metode adalah tindakan yang dapat di lakukan (seperti menambah atau menghapus elemen HTML).
Contoh:
Contoh berikut mengubah konten (innerHTML) dari elemen dengan id = “demo”.
<!DOCTYPE html>
<html>
<body>
<h2>Halaman Pertamaku</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Dalam contoh di atas, getElementById adalah metode, sedangkan innerHTML adalah properti.
Method getElementById
Cara paling umum untuk mengakses elemen HTML adalah dengan menggunakan id elemen.
Dalam contoh di atas, metode getElementById menggunakan id = “demo” untuk menemukan elemen.
Properti innerHTML
Cara termudah untuk mendapatkan konten sebuah elemen adalah dengan menggunakan properti innerHTML.
Properti innerHTML berguna untuk mendapatkan atau mengganti konten elemen HTML.
Properti innerHTML dapat digunakan untuk mendapatkan atau mengubah elemen HTML apa pun, termasuk <html> dan <body>.
