Ik heb gehoord dat querySelector& querySelectorAllzijn nieuwe methoden om DOM-elementen te selecteren. Hoe verhouden ze zich tot de oudere methoden, getElementById& getElementsByClassNamein termen van prestaties en browserondersteuning?
Hoe verhouden de prestaties zich tot het gebruik van de queryselector van jQuery?
Is er een aanbevolen werkwijze voor welke native set te gebruiken?
Antwoord 1, autoriteit 100%
‘Beter’ is subjectief.
querySelectoris de nieuwere functie.
getElementByIdwordt beter ondersteund dan querySelector.
querySelectorwordt beter ondersteund dan getElementsByClassName.
Met
querySelectorkun je elementen vinden met regels die niet kunnen worden uitgedrukt met getElementByIden getElementsByClassName
Je moet de juiste tool kiezen voor een bepaalde taak.
(Lees in het bovenstaande voor querySelectorquerySelector/ querySelectorAll).
Antwoord 2, autoriteit 29%
De functies getElementByIden getElementsByClassNamezijn zeer specifiek, terwijl querySelectoren querySelectorAlluitgebreider zijn. Ik vermoed dat ze in werkelijkheid slechter zullen presteren.
U moet ook controleren of elke functie wordt ondersteund in de browsers die u target. Hoe nieuwer het is, hoe groter de kans op gebrek aan ondersteuning of dat de functie “buggy” is.