DOM (Document Object Model) DHTML
- Halaman Sebelumnya CSS DHTML
- Halaman Berikutnya Event DHTML
DOM (Document Object Model) adalah kemampuan kami untuk mengakses setiap elemen dalam dokumen.
Contoh
Keterangan:Sebagian besar contoh DHTML memerlukan IE 4.0+, Netscape 7+ atau Opera 7+!
- Akses Elemen
- Bagaimana cara mengakses elemen dan mengubah gaya nya?
- Perubahan Properti
- Bagaimana cara mengakses elemen gambar dan mengubah properti "src"?
- innerHTML
- Bagaimana cara mengakses dan mengubah konten elemen?
Bagaimana cara mengakses elemen?
Elemen harus memiliki properti id yang ditentukan, dan memerlukan bahasa skrip. JavaScript adalah bahasa skrip yang paling kompatibel dengan peramban, jadi kami menggunakan JavaScript.
<html>
<body>
<h1 id="header">My header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>
Skrip ini dapat mengubah warna elemen judul dan menghasilkan output.
My header
- Halaman Sebelumnya CSS DHTML
- Halaman Berikutnya Event DHTML
