Javascript-Ausgaben

Aus ProgrammingWiki

Archivierte Version vom 2015-02-22T14:35:54+00:00. Aktuelle Version

Eine html-Internetseite besteht immer aus mehreren Bestandteilen wie:

Überschriften (h-Tag)
Absätzen (p-Tag)
Formularen (form-Tag)
...

Diese lassen sich aus Javascript heraus sehr leistungsstark wie komfortabel verändern (http://de.wikipedia.org/wiki/Document_Object_Model DOM]). Eine besondere Art solcher Bestandteile sind so genannte div-Container (gegenüber den oben genannten, habe diese keinerlei besondere Funktionalität). Mit:

Hier ist der "div"-Container mit dem Namen "ausgabe1"

Benutze jeweils den Button "speichern & ausführen", um Beispiele zu sehen, wie leicht man aus Javascript heraus diesen div-Container ausgabe1 manipulieren kann.

document.getElementById("ausgabe1").style.color = "red";

document.getElementById("ausgabe1").style.fontSize = "20px";

document.getElementById("ausgabe1").innerHtml = "Hast du die Position des div-Containers mit dem Namen ausgabe1 gefunden?";

Die Anweisung document.getElementById("ausgabe1").innerHTML = html; bedeutet:

suche im Element document
ein Element mit dem Namen ausgabe1
Ändere die Eigenschaft innerhtml (also was drin steht) auf
den Wert der Variable html

Javascript-Ausgaben

Suche