DHTML DOM (Document Object Model)
- Halaman Sebelumnya CSS DHTML
- Halaman Berikutnya Acara DHTML
DOM (Document Object Model) adalah keupayaan kami untuk mengakses setiap elemen dalam dokumen.
Contoh
Komen:Sebagian besar contoh DHTML memerlukan IE 4.0+, Netscape 7+ atau Opera 7+!
- Akses Elemen
- Bagaimana untuk mengakses satu elemen dan mengubah gaya ia?
- Perubahan Properti
- Bagaimana untuk mengakses satu elemen imej dan mengubah properti "src"?
- innerHTML
- Bagaimana untuk mengakses dan mengubah kandungan satu elemen?
Bagaimana untuk mengakses satu elemen?
Elemen mesti mempunyai properti id yang telah ditakrifkan, dan memerlukan bahasa skrip. JavaScript adalah bahasa skrip yang paling selesa untuk kompatibiliti pelayar, 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 boleh mengubah warna elemen tajuk dan menghasilkan output.
My header
- Halaman Sebelumnya CSS DHTML
- Halaman Berikutnya Acara DHTML