Das Wort »firstElementChild«
- Beispieldokument für diese Lektion
userpage.fu-berlin.de/~ram/pub/xhtml_jf47ht81Ht/main
main.html
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head><meta charset="UTF-8" /><title>Main</title><style type="text/css"></style></head><body>
<p>Hallo, Welt</p>
<h1>Vornamen</h1>
<ul id="erste">
<li class="m a" id="Anton">Anton</li>
<li class="w b" id="Berta">Berta</li></ul><ul id="zweite">
<li class="c m" id="Cäsar">Cäsar</li>
<li class="d e w" id="Dora">Dora</li></ul><p>Es ist zur Zeit <span id="Zustand">(unbekannt)</span>.</p>
<pre><code><script>/*<![CDATA[*/
/*]]>*/</script></code></pre></body></html>
- Das Dokument als Baum (Stammbaumdarstellung) von Elementen
document
|
firstElementChild |
v
nodeName html
|
.---------------'---------------.
| |
| |
head body
| |
.-------:-------. .-----.-----.--'--.-----.-----.
| | | | | | | | |
| | | | | | | | |
meta title style p h1 ul ul p pre
| | |
.-'-. .-'-. code
| | | | |
li li li li script- Eine Auswertung
this.document.firstElementChild.nodeName
"html"
Das Verzeichnis »this.document« enthält einen Eintrag »firstElementChild«. Er repräsentiert das html-Element, welches im Dokument enthalten ist. In der Baumdarstellung ist es direkt unter »document« zu sehen.
Dieses Verzeichnis »this.document.firstElementChild« enthält einen Eintrag »nodeName«, der den Typ des Elements, also »html«, enthält.
Ein Verzeichnis, das ein Element darstellt, wird von uns auch als Elementverzeichnis – oder wenn keine Mißverständnisse zu befürchten sind auch kurz als Element – bezeichnet.
Wenn über einen Eintrag eines Elementverzeichnisses gesprochen wird, so wird das Elementverzeichnis in diesem Zusammenhang auch manchmal als das Zielelement (des Eintrags) bezeichnet. Wird beispielsweise über den Ausdruck »this.document.firstElementChild.nodeName« gesprochen, so wäre »this.document.firstElementChild« ein Ausdruck für das Zielelement (von »nodeName«).
Wörter
Wir hatten schon in der vorigen Lektion einen Eintrag »nodeName« im Verzeichnis »this.document« kennengelernt und sehen jetzt einen Eintrag mit dem gleichen Namen »nodeName« im Verzeichnis »this.document.firstElementChild«.
- Auswertung
this.document.nodeName
"#document"
- Eine Auswertung
this.document.firstElementChild.nodeName
"html"
Der Eintrag »nodeName« hat in beiden Verzeichnissen nicht nur den gleichen Namen, sondern auch die gleiche Bedeutung. Er drückt den Typ des Elements aus.
Einen solchen Eintrag, der in mehreren Verzeichnissen vorkommen kann und dort normalerweise immer dieselbe Bedeutung (aber nicht unbedingt auch denselben Wert) hat, nennen wir ein Wort.
»nodeName« als Wort
Das Wort »nodeName« gibt in einem Verzeichnis, das einen Teil eines Dokuments repräsentiert, jeweils den Typ des Teils wieder.
»firstElementChild« als Wort
Auch »firstElementChild« ist ein Wort. Das Verzeichnis »this.document.firstElementChild« enthält wieder einen Eintrag »firstElementChild«, der zum ersten ihm untergeordneten Element führt.
- Das Dokument als Baum (Stammbaumdarstellung) von Elementen
this.document
|
firstElementChild |
v
html
|
.---------------'---------------.
| |
firstElementChild | |
v |
nodeName head body
| |
.-------:-------. .-----.-----.--'--.-----.-----.
| | | | | | | | |
| | | | | | | | |
meta title style p h1 ul ul p pre
| | |
.-'-. .-'-. code
| | | | |
li li li li script- Eine Auswertung
this.document.firstElementChild.firstElementChild.nodeName
"head"
Das erste untergeordnete Element des head-Elements ist das meta-Element.
- Das Dokument als Baum (Stammbaumdarstellung) von Elementen
- Das Dokument als Baum (Stammbaumdarstellung) von Elementen
this.document
|
firstElementChild |
v
html
|
.---------------'---------------.
| |
firstElementChild | |
v |
head body
| |
| |
| |
.-------:-------. .-----.-----.--'--.-----.-----.
| | | | | | | | |
firstElementChild | | | | | | | | |
| | | | | | | | |
nodeName meta title style p h1 ul ul p pre
| | |
.-'-. .-'-. code
| | | | |
li li li li script- Eine Auswertung
this.document.firstElementChild.firstElementChild.firstElementChild.nodeName
"meta"
Zusammenfassung
Wir können das Wort »firstElementChild« verwenden, um von einem Teil zum ersten ihm untergeordneten Element zu gelangen, und das Wort »nodeName«, um den Typ eines Teiles auszudrücken.
- Wörter
firstElementChild erstes Unterelement
nodeName Typ