Die Selektor-Abfrage findet Elemente im Dokument, mit derselben Schreibweise wie in CSS.
- Selektor-Abfrage (querySelector)
Methode, die Elemente anhand eines CSS-Selektors im Dokument sucht.
Beispiel: „Eine Selektor-Abfrage nimmt dieselben Muster wie ein Stylesheet.“
Einer oder alle
const erster = document.querySelector('.karte');
const alle = document.querySelectorAll('.karte');
alle.forEach((el) => el.classList.add('sichtbar'));Die erste Form gibt den ersten Treffer oder null, die zweite eine Liste aller. Wer auf dem Ergebnis der ersten Form arbeitet, ohne auf null zu prüfen, bekommt den häufigsten Fehler überhaupt.
Innerhalb eines Elements suchen
Die Methoden gibt es auch an jedem Element, nicht nur am Dokument. Innerhalb einer Komponente zu suchen ist schneller und verhindert, dass ein Skript versehentlich in einen anderen Teil der Seite greift.