Java Reference
In-Depth Information
Danach fragen wir die Anzahl der Attribute vom Body-Element ab. Wie Sie im Einleitungs-
Tag sehen können, gibt es dort zwei Attribute
6
. Die Attribute stehen über das Array zur
Verfügung, das
attributes
repräsentiert (
bodyKnoten.attributes.length + "<br />"
).
Den Inhalt des ersten Attributs des
<body>
-Tags erhalten wir mit der Eigenschat
nodeValue
(
bodyKnoten.attributes[0].nodeValue + "<br />"
). Danach nehmen wir den Knoten als
Basis, der die Aufzählungsliste repräsentiert. Zunächst ermitteln wir mit
childNodes.
length
die Anzahl der Kindknoten der Aufzählungsliste (
listenKnoten.childNodes.
length + "<hr />"
).
Sie werden sich vielleicht über die Anzahl der Kindknoten wundern, denn sie ist in allen
modernen Browsern mehr als doppelt so hoch (23) als die Anzahl der Einträge in der Liste
(11). Aber denken Sie daran, dass im DOM-Konzept nicht nur die
<li>
-Tags als Elemente
gesehen werden, sondern auch Texte eigene Knoten darstellen. Auch
Zeilenumbrüche
wer-
den als Textknoten gesehen und die Anzahl auch dieser Kindknoten muss die Eigenschat
mitliefern. So weit ist das zwar vielleicht etwas seltsam, aber streng logisch nach dem DOM-
Konzept. Damit ist klar, wie man hier programmiertechnisch vorgehen muss, wenn man
beispielsweise den Baum die Knoten entlang navigieren möchte.
Bild 8.6■
Nahezu alle Browser sagen, dass die Aufzählungsliste 23 Kindknoten hat.
Wenn es nicht den Internet Explorer gäbe, denn der kocht wieder einmal sein eigenes Süpp-
chen, das auch noch je nach Version unterschiedlich zubereitet wird, zumindest in den alten
Varianten bis zur Version 9. Und dummerweise gibt es in den neuen Versionen sogar noch
weitere Fehler, die in den Altversionen nicht autreten. Das macht das Problem noch kom-
plizierter. Wenn Sie das Beispiel in einem Internet Explorer ansehen, meint dieser, dass die
Anzahl der Kindknoten elf ist. Das ist ja auch genau die Anzahl der Listenelemente. Auf den
6
Hier sei außen vor, dass man solche Farbangaben nicht mehr mit HTML macht.
Search WWH ::
Custom Search