tutorial pengembangan web terbaru
 

JavaScript - Metode DOM HTML


Metode HTML DOM adalah tindakan yang dapat Anda lakukan (pada HTML Elements).

Sifat HTML DOM adalah nilai-nilai (HTML Elemen) yang dapat diatur atau perubahan.


DOM Programming Interface

HTML DOM dapat diakses dengan JavaScript (dan dengan bahasa pemrograman lain).

Dalam DOM, semua elemen HTML didefinisikan sebagai objek.

Antarmuka pemrograman adalah properti dan metode dari setiap objek.

Properti adalah nilai yang Anda bisa mendapatkan atau set (seperti mengubah isi elemen HTML).

Sebuahmetode adalah suatu tindakan yang dapat Anda lakukan (seperti menambah atau menghapus elemen HTML).


Contoh

Contoh berikut mengubah konten (yang innerHTML ) dari <p> elemen dengan id = "demo":

Contoh

<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>
Cobalah sendiri "

Dalam contoh di atas, getElementById adalah sebuah metode, sementara innerHTML adalah properti.


The getElementById Metode

Cara yang paling umum untuk mengakses sebuah elemen HTML adalah dengan menggunakan id dari elemen.

Pada contoh di atas getElementById metode yang digunakan id="demo" untuk menemukan elemen.


The innerHTML Properti

Cara termudah untuk mendapatkan isi dari suatu unsur adalah dengan menggunakan innerHTML properti.

The innerHTML properti ini berguna untuk mendapatkan atau mengganti isi dari elemen HTML.

The innerHTML properti dapat digunakan untuk mendapatkan atau mengubah elemen HTML, termasuk <html> dan <body> .