DHTML DOM (Document Object Model)
- Föregående sida DHTML CSS
- Nästa sida DHTML händelser
DOM (Document Object Model) ger oss förmågan att komma åt varje element i ett dokument.
Exempel
Kommentar:De flesta DHTML-exempel kräver IE 4.0+、Netscape 7+ eller Opera 7+!
- Elementåtkomst
- Hur kan man komma åt ett element och ändra dess stil?
- Egenskapsändring
- Hur kan man komma åt en bildelement och ändra "src"-egenskapen?
- innerHTML
- Hur kan man komma åt och ändra innehållet i ett element?
Hur kan man komma åt ett element?
Element måste ha ett definierat id-egenskap och behöver ett skriptSpråk. JavaScript är det bästa skriptspråket för webbläsarkompatibilitet, så vi använder JavaScript.
<html> <body> <h1 id="header">My header</h1> <script type="text/javascript"> document.getElementById('header').style.color="red" </script> </body> </html>
Detta skript kan ändra färgen på titel元素 och generera utdata.
My header
- Föregående sida DHTML CSS
- Nästa sida DHTML händelser