DHTML DOM(Dokumentti-objektipohja)

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