JavaScript - HTML DOM Metode

Metode DOM HTML adalah yang dapat Anda eksekusi (pada elemen HTML)Tindakan.

Properti DOM HTML adalah yang dapat Anda atur atau mengubah elemen HTMLNilai.

Antarmuka Program DOM

DOM HTML dapat diakses melalui JavaScript (juga dapat melalui bahasa pemrograman lain).

Dalam DOM, semua elemen HTML didefinikanObjek.

Antarmuka pemrograman adalah properti dan metode objek.

Atributadalah nilai yang dapat Anda ambil atau atur (seperti mengubah konten elemen HTML).

metodeadalah tindakan yang dapat Anda lakukan (seperti menambah atau menghapus elemen HTML).

Contoh

Contoh di bawah ini mengubah konten elemen <p> dengan id="demo":

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

Coba Sendiri

Dalam contoh di atas,getElementById adalahmetodedan innerHTML adalahAtribut.

Metode getElementById

Metode yang paling sering digunakan untuk mengakses elemen HTML adalah menggunakan id elemen.

Dalam contoh di atas,getElementById Metode menggunakan id="demo" untuk mencari elemen.

Atribut innerHTML

Cara paling sederhana untuk mengambil konten elemen adalah menggunakan innerHTML Atribut.

innerHTML Atribut dapat digunakan untuk mengambil atau menggantikan konten elemen HTML.

innerHTML Atribut dapat digunakan untuk mengambil atau mengubah setiap elemen HTML, termasuk <html> dan <body>.