DHTML DOM(Document Object Model)
- Nakaraang Pahina DHTML CSS
- Susunod na Pahina Event ng DHTML
DOM(Document Object Model)ay nagbibigay-daan sa amin upang makapasok sa bawat elemento ng isang dokumento.
Halimbawa
Komento:Karamihan sa mga halimbawa ng DHTML ay kailangan ng IE 4.0+、Netscape 7+ o Opera 7+!
- Pagsasakop ng Elemento
- Paano makapasok sa isang elemento at baguhin ang estilo nito?
- Pagbabago ng Attribute
- Paano makapasok sa isang elemento ng imaheng at baguhin ang attribute na "src"?
- innerHTML
- Paano makapasok at baguhin ang nilalaman ng isang elemento?
Paano makapasok sa isang elemento?
Ang elemento ay dapat mayroong inilalagang id attribute, at kailangan ng isang script language. Ang JavaScript ay ang pinaka-kompatibleng script language sa browser, kaya't gumagamit kami ng JavaScript.
<html> <body> <h1 id="header">My header</h1> <script type="text/javascript"> document.getElementById('header').style.color="red" </script> </body> </html>
Ang script na ito ay magbabago ng kulay ng elemento ng pamagat at magpalabas ng output.
My header
- Nakaraang Pahina DHTML CSS
- Susunod na Pahina Event ng DHTML