Javascript querySelector und querySelectorAll einfach erklärt?
Wo wird was wann eingesetzt?
1 Antwort
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