DHTML DOM (Document Object Model)
- Vorherige Seite DHTML CSS
- Nächste Seite DHTML-Ereignisse
DOM (Document Object Model) ermöglicht es uns, jeden Element einer Dokument zu erreichen.
Beispiel
Anmerkung:Die meisten DHTML-Beispiele erfordern IE 4.0+、Netscape 7+ oder Opera 7+!
- Element-Zugriff
- Wie kann man ein Element erreichen und sein Stil ändern?
- Eigenschaftsänderung
- Wie kann man ein Bild-Element erreichen und die "src"-Eigenschaft ändern?
- innerHTML
- Wie kann man den Inhalt eines Elements erreichen und ändern?
Wie kann man ein Element erreichen?
Elemente müssen eine definierte id-Eigenschaft haben und ein Skriptsprache benötigen. JavaScript ist die beste kompatible Skriptsprache für Browser, daher verwenden wir JavaScript.
<html>
<body>
<h1 id="header">Mein Header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>
Dieser Skript kann die Farbe des Titel-Elements ändern und eine Ausgabe generieren.
Mein Header
- Vorherige Seite DHTML CSS
- Nächste Seite DHTML-Ereignisse
