HTML5-Handbuch - die neuen Features von HTML5

noch nicht angezeigt.
document.createElement()
erzeugt lediglich den Elementknoten, hängt ihn aber noch nicht in den Strukturbaum des Dokuments ein. Der neue Elementknoten schwebt gewissermaßen noch im luftleeren Raum, außerhalb des HTML-Dokuments.
    Vor dem Einhängen des neuen Elements in die Dokumentstruktur muss das Beispielscript jedoch noch zwischen Elementen unterscheiden, die einen Textinhalt haben, und solchen, die keinen haben. Das
hr
-Element für Trennlinien, welches der Anwender ebenfalls auswählen kann, kann keinen Textinhalt haben. Dagegen können alle anderen auswählbaren Elemente einen eigenen Inhalt haben. Durch eine
if
-Anweisung wird daher abgefragt, ob die Variable
Typ
den Wert
"hr"
besitzt. Nur wenn dies nicht der Fall ist, wird der Textknoten mit der Methode
document.createTextNode()
erzeugt. Als Parameter erhält diese Methode den Text, den der Anwender ins Eingabefeld des Formulars eingegeben hat.
    Auch erzeugte Textknoten schweben zunächst im luftleeren Raum, ohne Bezug zu anderen Knoten. Deshalb hängt das Script den erzeugten Textknoten an den zuvor erzeugten Elementknoten an.
    Für alle »Einhäng«-Vorgänge wird die Methode
appendChild()
verwendet. Anwendbar ist die Methode auf Knoten, die Kindknoten haben dürfen, also beispielsweise Elementknoten. Als Parameter erwartet die Methode einen Knoten, der als Kindknoten eingehängt werden soll.
    Wenn im Beispiel also steht:
Element.appendChild(Text);
, dann ist
Element
eine Variable, in der zuvor durch
createElement()
ein Elementobjekt erzeugt wurde, und
Text
ist eine Variable, die zuvor durch Aufruf von
createTextNode()
einen Textknoten gespeichert hat.
    Mit
document.getElementById("User").appendChild(Element)
wird auf den zunächst leeren
div
-Bereich im Dokument zugegriffen. Diesem Element wird der gesamte neu erzeugte Elementknoten mit der
appendChild()
-Methode hinzugefügt.
10.4      JavaScript: Backgrounds
    JavaScript war von Beginn an als Programmiersprache konzipiert, um aktuell angezeigte Webseiteninhalte zur Laufzeit zu verändern. Sowohl die Scriptsprache selbst als auch die Objekte des Document Object Models (DOM) haben jedoch eine wechselvolle Geschichte. Vieles davon findet sich immer noch in zahlreichen Scripts in Form veralteter Dokumentzugriffe, abenteuerlicher Browserweichen und ähnlichem wieder. Dabei ist JavaScript weiter im Umbruch.
HTML5 führt diverse neue Scripting-Schnittstellen ein, die jedoch, was ihre Praxisrelevanz betrifft, teilweise noch im Anfangsstadium stecken.
10.4.1    JavaScript-Objekte
    Die JavaScript-Implementierungen heutiger Browser stellen eine Mixtur verschiedener, historisch gewachsener Vorgängersprachen, DOM-Modelle und dem Industriestandard ECMA-262 dar. Weitgehend unproblematisch war stets die Unterstützung der ECMAScript-Standardobjekte, die gar nichts mit dem Document Object Model zu tun haben. Das sind folgende Objekte:
•   ein namenloses globales Objekt,
•   ein Prototyp-Objekt für alle anderen sowie eigene Objekte,
•   ein Array-Objekt für Arrays,
•   ein Boolean-Objekt für boolesche Variablen (
TRUE
/
FALSE
),
•   ein
Date
-Objekt für Operationen mit Datum und Uhrzeit,
•   ein
Function
-Objekt für Funktionen,
•   ein
Math
-Objekt für Konstanten und Methoden mathematischer Operationen,
•   ein
Number
-Objekt für Zahlen,
•   ein
RegExp
-Objekt für reguläre Ausdrücke,
•   ein
String
-Objekt für Zeichenketten.
    Daneben gibt es Objekte, die sich auf die Browser-Umgebung beziehen:
•   ein Window-Objekt für das Browser-Fenster,
•   ein Navigator-Objekt für allgemeine Browsereigenschaften wie Plugins, Browserversion, usw.,
•   ein Screen-Objekt für Daten zum Bildschirm/Display des Benutzers,
•   ein History-Objekt für die Liste zuvor besuchter URLs,
•   ein Location-Objekt für die Adresszeile des Browsers.
JavaScript-Versionen:
    JavaScript 1.0 (ab 1995)
    Netscape 2.0 führte JavaScript seinerzeit erstmals ein.
    Keine Spezifikation mehr verfügbar.
    JavaScript 1.1 (ab 1996)
    Die Sprachversion von Netscape 3.0
    Keine Spezifikation mehr verfügbar.
    JavaScript 1.2 (ab 1997)
    Die Sprachversion von Netscape 4.0
    Keine Spezifikation mehr verfügbar.
JavaScript 1.3 (ab 1998)
    Die Sprachversion ab Netscape 4.06, entspricht ECMA-262 1 st Edition/ ECMA-262 2 nd Edition.
    http://devedge-temp.mozilla.org/library/manuals/2000/javascript/1.3/reference/
    JavaScript 1.5 (ab 2000) Die Sprachversion des