DHTML DOM(Dokumentti-objektipohja)
- Edellinen sivu DHTML CSS
- Seuraava sivu DHTML tapahtumat
DOM(Dokumentti-objektipohja)mahdollistaa meille kyvyn saavuttaa dokumentin kaikki elementit.
Esimerkki
Huomautus:Useimmat DHTML-esimerkit vaativat IE 4.0+、Netscape 7+ tai Opera 7+!
- Elementin saavuttaminen
- Miten saavuttaa elementti ja muuttaa sen stilia?
- Ominaisuusmuutos
- Miten saavuttaa kuvaelementti ja muuttaa "src"-ominaisuutta?
- innerHTML
- Miten saavuttaa ja muuttaa elementin sisältöä?
Miten saavuttaa elementti?
Elementin on oltava määritelty id-ominaisuus ja se tarvitsee skriptikielen. JavaScript on parhaiten yhteensopiva selaimien kanssa oleva skriptikieli, joten käytämme JavaScriptiä.
<html> <body> <h1 id="header">My header</h1> <script type="text/javascript"> document.getElementById('header').style.color="red" </script> </body> </html>
Tämä skripti voi muuttaa otsikkoelementin väriä ja luoda ulostulon.
My header
- Edellinen sivu DHTML CSS
- Seuraava sivu DHTML tapahtumat