Javascript-Ausgaben

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
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:
<code id="54e9ccf6e739f"><div id="ausgabe1"><font color="blue"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabe1"</i></b></font></div></code>
wird dieser hierunter erstellt:

<div id="ausgabe1"><font color="blue"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabe1"</i></b></font></div>

== 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.<br>
Eine Variable mit dem Namen ''html'' bekommt den Wert ''Text''. Einen so genannten "div"-Container mit dem Namen <font color="blue"><b> ausgabe1 </b></font> siehst du in blau unter dem Ausgabefeld, dass wir ignorieren wollen. <br>
Die Anweisung ''document.getElementById("ausgabe1").innerHTML = html;''  bedeutet: <br>
-suche im Element ''document''<br>
-ein Element mit dem Namen ''ausgabe1''<br>
-Ändere die Eigenschaft ''innerhtml'' (also was drin steht) auf<br>
-den Wert der Variable html<br>

<run id="54e4ad15f33db" nooutput>
html="Text";
document.getElementById("ausgabe1").innerHTML = html;
</run>



<run id="54e2357484ea7" htmloutput>
html="Test";
html+="<br> Test2";
document.getElementById("ausgabe").innerHTML = html;
</run>

<div id="ausgabe"><font color="blue"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabe"</i></b></font></div>