JavaScript - Metode DOM HTML
Metode HTML DOM adalah tindakan yang dapat Anda lakukan (pada Elemen HTML).
Properti HTML DOM adalah nilai (dari Elemen HTML) yang dapat Anda atur atau ubah.
Antarmuka Pemrograman DOM
DOM HTML dapat diakses dengan JavaScript (dan dengan bahasa pemrograman lainnya).
Di DOM, semua elemen HTML didefinisikan sebagai objek .
Antarmuka pemrograman adalah properti dan metode dari setiap objek.
Properti adalah nilai yang bisa Anda dapatkan atau atur (seperti mengubah konten elemen HTML).
Metode adalah tindakan yang dapat Anda lakukan (seperti menambah atau menghapus elemen HTML).
Contoh
Contoh berikut mengubah konten ( innerHTML) <p>elemen dengan id="demo":
Contoh
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Dalam contoh di atas, getElementByIdadalah metode , sementara innerHTMLadalah
properti .
Metode getElementById
Cara paling umum untuk mengakses elemen HTML adalah dengan menggunakan idelemen.
Pada contoh di atas getElementByIdmetode yang digunakan id="demo"untuk mencari elemen.
Properti innerHTML
Cara termudah untuk mendapatkan konten elemen adalah dengan menggunakan innerHTMLproperti.
Properti innerHTMLini berguna untuk mendapatkan atau mengganti konten elemen HTML.
Properti innerHTMLini dapat digunakan untuk mendapatkan atau mengubah elemen HTML apa pun, termasuk <html>dan <body>.