Das Lemma »`ParentNode#querySelectorAll`«

Beispieldokument für diese Lektion

userpage.fu-berlin.de/~ram/pub/xhtml_jf47ht81Ht/main

Auswertung

this.document.querySelectorAll( "li" ).length

Auswertung

this.document.querySelectorAll( "li" )[ 0 ].outerHTML

"<li class="m a">Anton</li>"

Auswertung

this.document.querySelectorAll( "li" )[ 1 ].outerHTML

"<li class="w b">Berta</li>"

Auswertung

this.document.querySelectorAll( "li" )[ 2 ].outerHTML

"<li class="c m">Cäsar</li>"

Auswertung

this.document.querySelectorAll( "li" )[ 3 ].outerHTML

"<li class="d e w">Dora</li>"

Das Lemma »#querySelector« (Elemente via Selektor, also via CSS-Selektor) wird durch die Sprache »ParentNode#« beschrieben.

Inklusionsdiagramm zu »#querySelectorAll«

ParentNode > querySelectorAll

Für das obige Beispiel ist die folgende Herleitung relevant.

Inklusionsdiagramm zu »Ⓖ.document.querySelectorAll«

Ⓖ.document > Document > ParentNode > querySelectorAll

#querySelectorAll

(Funktion) Ergibt eine Auflistung aller Elemente, welche sich irgendwo unterhalb des Kontexts befindet, und auf welche der als string-Argument angegebene Selektor zutrifft.

Man kann diese Funktion also nicht nur mit einem Dokument als Kontext aufrufen, sondern mit jedem anderen Dokumentteil, welcher die Sprache »ParentNode« spricht.

Die Verbreitung von »ParentNode#«

Dokument         > ParentNode
DokumentFragment > ParentNode
Element          > ParentNode

Quelle

www.w3.org/TR/2015/REC-dom-20151119/

Das Lemma »ParentNode#querySelectorAll«

Das Lemma »`ParentNode#querySelectorAll`«