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 ([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:

<code id="54e9e62812ac4"><div id="ausgabe1"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabe1"</i></b></div></code>




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">
document.getElementById("ausgabe1").style.fontSize = "20px";
document.getElementById("ausgabe1").style.color = "red";
</run>

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


<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>