✔ querySelectorAll

[jemand anders]

Hallo,

Frage an die Spezialisten: https://jsfiddle.net/9vaqjyvf/ -> welche Methode hat sich zur Ermittlung des InnerTextes/TextContents der - in diesem Fall zwei - abgefragten Elementen bewährt? Das Zeug am Ende soll nicht ausgegeben werden.


Grüße

 

[SpiceLab]

Hm... für .querySelectorAll() fehlt in Deinem Fiddle eine CSS-Klasse. *

• https://developer.mozilla.org/de/docs/Web/API/Document/querySelectorAll
  
• https://wiki.selfhtml.org/wiki/JavaScript/DOM/Document/querySelectorAll
• http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_document_queryselectorall_class

* siehe Post #7 und #8

[edit]Tipp-Ex[/edit]​

 

[SpiceLab]

Das Zeug am Ende soll nicht ausgegeben werden.

Um mal bei dem Beispiel https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:JS-document-querySelectorAll.html von SELFHTML zu bleiben:

function Aendern() {
   var x = document.querySelectorAll("p.beispiel");
   var i;
   for (i = 0; i < x.length; i++) {
       x[i].style.display = "none"; // vorher backgroundColor = "#fffbf0"
   }
}

https://jsfiddle.net/spicelab/cdfku7jp/

Oder sollen nicht nur die Links, sondern die komplette Liste verschwinden?

https://jsfiddle.net/spicelab/c3f80ay3/

 

[SpiceLab]

Falls die zu ermittelnden Elemente keine CSS-Klasse besitzen, darf's auch ein (Groß)Elternelement im verschachtelten Markup sein, das eine Klasse besitzt

https://jsfiddle.net/spicelab/msw8mqoo/

...so, erstmal genug gefiddelt

[edit]Tipp-Ex[/edit]​

 

[jemand anders]

Mit geht es eigentlich nur um die Werte "L1" und "L2" (innerText/textContent).
Ich wollte mir die Dinger als Liste ausgeben - kam von einer anderen Sache - und stellte dann fest, dass nach L1 und L2 jede Menge "undefined" geliefert werden.

 

[SpiceLab]

...so, erstmal genug gefiddelt

Mit geht es eigentlich nur um die Werte "L1" und "L2" (innerText/textContent).
Ich wollte mir die Dinger als Liste ausgeben - kam von einer anderen Sache - und stellte dann fest, dass nach L1 und L2 jede Menge "undefined" geliefert werden.

Okay, wenn hier ein fanatisches "ZUGABE" durchs Forum hallt, will ich nicht so sein

https://jsfiddle.net/spicelab/ttxkagc2/

 

[Sempervivum]

Hm... für .querySelectorAll() fehlt in Deinem Fiddle eine CSS-Klasse.

In den Beispielen der angegebenen Links wird zwar eine Klasse verwendet, diese ist jedoch nicht unbedingt erforderlich:

Gibt alle Elemente des Dokuments zurück, auf die die Gruppe der übergebenen CSS Selektoren zutrifft.

Und 'a' ist ein zulässiger CSS-Selektor. Das Fiddle des TO ermittelt ja auch richtig die Elemente.

 

[SpiceLab]

In den Beispielen der angegebenen Links wird zwar eine Klasse verwendet, diese ist jedoch nicht unbedingt erforderlich

Okaaay... bin meine gestrigen vier Fiddles kurz durchgegangen, Klassen (temporär) in den Scripts entfernt, und tatsächlich, sie laufen immer noch

Danke @Sempervivum für den Hinweis, dass die Beispiele der verlinkten Quellen, die ja alle mit CSS-Klassen daherkommen, mich am Ende nur auf's Glatteis geführt haben

Ist doch ein erhabenes Gefühl (für den Ego), behaupten zu können, wieder was dazugelernt zu haben

[edit]Tipp-Ex[/edit]​

 

[Quaese]

Hi,

da will ich auch wieder mal meinen Senf dazu geben - es sind laut Definition alle Selektoren möglich.

• querySelectorAll: https://www.w3.org/TR/selectors-api2/#interface-definitions
• selectors: https://www.w3.org/TR/selectors-api2/#selector-string

Ciao
Quaese