Java Reference
In-Depth Information
Ein Beispiel zur Verwertung der node-Eigenschaten
Die Eigenschaten von node sollen wieder in einem Beispiel gezeigt werden, wobei Sie auch
das letzte Beispiel zu document beachten sollten, in dem bereits mit node -Eigenschaten
explizit gearbeitet wurde (kap8_10.html):
Listing 8.21■ Anwendung von node-Eigenschaten
...
<body bgcolor="red" text="yellow">
<h1>Die Attribute von node-Objekten</h1>
<ol>
<li>attributes</li>
<li>childNodes</li>
<li>data</li>
<li>irstChild</li>
<li>lastChild</li>
<li>nextSibling</li>
<li>nodeName</li>
<li>nodeType</li>
<li>nodeValue</li>
<li>parentNode</li>
<li>previousSibling</li>
</ol>
<script type="text/javascript">
with (document) { // Selektion von Knoten
var bodyKnoten = getElementsByTagName("body")[0];
var listenKnoten = getElementsByTagName("ol")[0];
var listeneintragKnoten = getElementsByTagName("li")[2];
write("Anzahl Attribute vom Body: " +
bodyKnoten.attributes.length + "<br />");
write("Inhalt vom 1. Attribut von Body: " +
bodyKnoten.attributes[0].nodeValue + "<br />");
write("Anzahl Kindknoten der Aufzählungsliste: " +
listenKnoten.childNodes.length + "<hr />");
for (i = 0; i < listenKnoten.childNodes.length; i++) {
if (listenKnoten.childNodes[i].nodeType == 1) {
write(listenKnoten.childNodes[i].irstChild.data + ", ");
}
}
write("<hr />Elternelement der Aufzählungsliste: " +
listenKnoten.parentNode.nodeName + "<br />");
write("Typ eines Aufzählungspunkt: " +
listeneintragKnoten.nodeType + "<br />");
write("Typ des ersten Kindelements von einem Aufzählungspunkt: "
+ listeneintragKnoten.irstChild.nodeType + "<br />");
write("Inhalt des ersten Kindelements von dritten Aufzählungspunkt: "
+ listeneintragKnoten.irstChild.nodeValue + "<br />");
}
</script>
</body>
</html>
In dem Beispiel verwenden wir eine Webseite mit einer Überschrit und einer Aufzählungs-
liste, deren Listenpunkte jeweils in neuen Zeilen stehen. Im Skript deinieren wir zunächst
drei Variablen, die auf verschiedene Knoten in der Webseite verweisen. Der erste Knoten
repräsentiert das <body> -Tag, der zweite Knoten die Wurzel der Aufzählungsliste und der
dritte Knoten den dritten Listeneintrag darin.
 
Search WWH ::




Custom Search