Javascript-Ausgaben

Aus ProgrammingWiki
Archivierte Version vom 2015-02-22T13:05:29+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 (Link zu DOM). Eine besondere Art solcher Bestandteile sind so genannte div-Container (gegenüber den oben genannten, habe diese keinerlei besondere Funktionalität). Mit:

wird dieser hierunter erstellt:

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

Hinweis zur Benutzung

Dieses Tool verwendet leider grundsätzlich bei ausführbarem Code ein dafür vorgesehenes Ausgabefeld. Auch, um dem tatsächlichen Javascript näher zu sein, ignorieren wir dieses, bis anderes empfohlen wird. Sehen wir folgendes Beispiel.
Eine Variable mit dem Namen html bekommt den Wert Text. Einen so genannten "div"-Container mit dem Namen ausgabe1 siehst du in blau unter dem Ausgabefeld, dass wir ignorieren wollen.
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






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