Java Reference
In-Depth Information
availLeft (Angabe der X-Koordinate des ersten verfügbaren Pixels), availTop (Angabe der
Y-Koordinate des ersten verfügbaren Pixels) und availWidth (Breite des verfügbaren Bild-
schirms in Pixel) abfragen. In den meisten Fällen bietet es sich jedoch an, die Eigenschat
height als Testwert in einer switch -Fallunterscheidung verwenden. Mit colorDepth kön-
nen Sie auch die Farbtiefe als Basis für eine Fallunterscheidung heranziehen.
8.13■Ein Beispiel für die rekursive Aulistung
aller Knoten einer Webseite
Wir wollen uns an der Stelle einmal die Knoten einer Webseite rekursiv ausgeben lassen.
Hier ist zuerst die Webseite (kap8_21.html):
Listing 8.53■ Eine Webseite mit Knoten
...
<link rel="stylesheet" type="text/css" href="lib/css/kap8_21.css" />
<script type="text/javascript" src="lib/js/kap8_21.js"></script>
</head>
<body>
<h1>Rekursive Ausgabe der Knoten im Body</h1>
<img src="images/b1.jpg" alt="Bild 1" />
<img src="images/b2.jpg" alt="Bild 2" />
<div class="l">
<img src="images/b3.jpg" alt="Bild 3" />
<img src="images/b4.jpg" alt="Bild 4" />
<div class="l">
<img src="images/b5.jpg" alt="Bild 5" />
<img src="images/b6.jpg" alt="Bild 6" />
</div>
</div>
<!-- Der Ausgabebereich -->
<div id="anzeige"></div>
</body>
</html>
Sie sehen in der Webseite einige verschachtelte Strukturen mit verschiedenen Knotenty-
pen. Es gibt Elementknoten, Textknoten (inklusive Zeilenumbrüche) und Kommentarkno-
ten. Die Elemente werden mit Stylesheets formatiert, was für die Anzahl der Knoten keine
wirkliche Rolle spielt. Dennoch wird sich die Formatierung auswirken, denn mit der Klasse
l werden Div-Elemente als display:inline-block formatiert und die Zeilenumbrüche
optisch weggenommen. Die Zeilenumbrüche sind jedoch im DOM immer noch explizit vor-
handen und werden bei der Ausgabe der Knoten auch mitgezählt und angegeben.
Listing 8.54■ Die CSS-Datei mit den Formatierungen
h1 {
background-color:black; color:white; text-align:center;
}
img{
height:100px;
 
Search WWH ::




Custom Search