Java Reference
In-Depth Information
Listing 8.20■
Erzeugen von Knoten mit Methoden von document
...
<body>
<h1>Zugriff auf DOM-Elemente</h1>
<form><input type="button" value="OK" name="ok" /></form><hr />
<script type="text/javascript">
document.getElementsByName("ok")[0].onclick = function() {
var hintergrundfarbe = document.createAttribute("bgcolor");
hintergrundfarbe.nodeValue = "blue";
var vordergrundfarbe = document.createAttribute("text");
vordergrundfarbe.nodeValue = "white";
document.getElementsByTagName(
"body")[0].setAttributeNode(hintergrundfarbe);
document.getElementsByTagName(
"body")[0].setAttributeNode(vordergrundfarbe);
var u1 = document.createElement("h1");
var text = document.createTextNode(
"Erstellen von Knoten mit Methoden von document");
u1.appendChild(text);
document.getElementsByTagName("body")[0].appendChild(u1);
};
</script>
</body>
</html>
In dem Beispiel sehen Sie eine Webseite, die bis auf das Grundgerüst und ein Formular mit
einer Schaltläche keinerlei statische HTML-Strukturen aufweist.
Wenn ein Anwender jedoch die Schaltläche anklickt, werden Sie sehen, dass im Körper der
Webseite eine Überschrit der Ordnung 1 mit einem speziischen Textinhalt autaucht.
Ebenso ist die Hintergrund- und Vordergrundfarbe der Webseite speziiziert, obwohl im
<body>
-Tag kein Attribut dafür angegeben wurde und auch keine CSS-Regeln verwendet
werden.
Bild 8.3■
Eine statisch deinierte Webseite
Search WWH ::
Custom Search