✔ Effekive Schreibweise querySelectorAll

[wenco]

Hallo,
ich habe eine ganz simple JS-Funktion (die auch funktioniert), von der ich aber dachte, dass ich sie effektiver schreiben könnte. Ich suche alle Links mit einem bestimmten innerHTML-Wert (abc), kann ich das nicht gleich so abfragen? (Bei mir funktioniert es jedenfalls nicht):

var test = document.querySelectorAll('a.klasse').innerHTML== 'abc';
for(var a = 0; a < test.length; a++) {
    [tue was]
}

// mein Funktioninhalt
var test = document.querySelectorAll('a.klasse');
for(var a = 0; a < test.length; a++) {
    test2 = test [a].innerHTML;
    if(test2 == 'abc'){
        [tue was]
    }
}

 

[Quaese]

Hi,

eine Zuweisung in der Form ist nicht möglich, da querySelectorAll eine sogenannte NodeList zurück gibt. Hier musst du die einzelnen Elemente ansprechen und modifizieren.

Eine Möglichkeit, das von dir Gewünschte umzusetzen, ist die Methode forEach. Da diese jedoch nur auf Arrays angewendet werden kann, muss die NodeList noch konvertiert werden.

Ansatz:

Array.prototype.slice.call(document.querySelectorAll('a.klasse'), 0).forEach(function (elem) {
    if(elem.innerHTML === 'abc'){
        [tue was]
    }
});

Ciao
Quaese

 

[ComFreek]

Da diese jedoch nur auf Arrays angewendet werden kann, muss die NodeList noch konvertiert werden.

Ich hab's gerade nicht ausprobiert, aber Array.from(document.querySelectorAll('a.klasse')) müsste auch funktionieren, oder?

 

[Quaese]

Ja, from wird aber nicht von vielen Browsern unterstützt: https://developer.mozilla.org/de/do...Global_Objects/Array/from#Browserkompabilität

Ciao
Quaese

 

[wenco]

Danke Euch für die Antwort und die Vorschläge.