Javascript querySelector und querySelectorAll einfach erklärt?
Wo wird was wann eingesetzt?
1 Antwort
![](https://images.gutefrage.net/media/user/MrAmazing2/1562539605664_nmmslarge__63_0_466_466_da6195808c107c57ce2a8b233a2bcf4f.jpg?v=1562539606000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, programmieren, JavaScript
Wenn man ein oder mehrere Elemente anhand eines CSS-Selektors auswählen möchte.
<div class="c1">...</div>
<p class="c2">...</p>
<div class="c2">...</div>
<p class="c2">...</p>
document.querySelector("p.c2") würde hier beispielsweise nur den ersten Paragraphen mit Klasse c2 selektieren.
Mit document.querySelectorAll("p.c2") würde man ALLE Paragraph-Elemente mit Klasse c2 selektieren.
Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf
Ganz einfach: Wenn mehrere Elemente mit der gleichen Klasse vorhanden sind: querySelectorAll;
Wenn nur ein element mit der klasse vorhanden ist: normal