HTML DOM - HTML-Inhalt ändern
Durch das HTML DOM kann JavaScript auf jedes Element in einem HTML-Dokument zugreifen.
HTML-Inhalt ändern
Der einfachste Weg, den Inhalt eines Elements zu ändern, ist die Verwendung der innerHTML-Eigenschaft.
Das folgende Beispiel ändert den HTML-Inhalt eines <p>-Elements:
Beispiel
Selbst ausprobieren »
HTML-Stil ändern
Durch das HTML DOM können Sie auf die Style-Objekte von HTML-Elementen zugreifen.
Das folgende Beispiel ändert den HTML-Stil eines Absatzes:
Beispiel
Selbst ausprobieren »
Verwenden von Ereignissen
Das HTML-DOM ermöglicht es Ihnen, Code auszuführen, wenn ein Ereignis auftritt.
Wenn bei einem HTML-Element "etwas passiert", generiert der Browser ein Ereignis:
- Klicken auf ein Element
- Laden der Seite
- Ändern eines Eingabefelds
Mehr über Ereignisse erfahren Sie im nächsten Kapitel.
Die folgenden zwei Beispiele ändern die Hintergrundfarbe des <body>-Elements, wenn auf eine Schaltfläche geklickt wird:
Beispiel
Selbst ausprobieren »
In diesem Beispiel wird derselbe Code von einer Funktion ausgeführt:
Beispiel
Selbst ausprobieren »
Das folgende Beispiel ändert den Text eines <p>-Elements, wenn auf eine Schaltfläche geklickt wird:
Beispiel
Selbst ausprobieren »