He escuchado eso querySelector
y querySelectorAll
son nuevos métodos para seleccionar DOM
elementos. ¿Cómo se comparan con los métodos anteriores getElementById
y getElementsByClassName
en términos de rendimiento y compatibilidad con el navegador?
¿Cómo se compara el rendimiento con el uso del selector de consultas de jQuery?
¿Existe una recomendación de buenas prácticas sobre qué conjunto nativo utilizar?
fuente
getElementById
ygetElementsByClassName
siguen siendo ideal para los fines de sus nombres describen.qS/qSA
se puede usar desde cualquier contexto de elemento, perogEBI
solo se puede usar desde eldocument
contexto.getElementById
coincide con losid
atributos para encontrar nodos DOM, mientras quequerySelector
busca por selectores. Así que para un selector no válido, por ejemplo<div id="1"></div>
,getElementById('1')
podría trabajar mientrasquerySelector('#1')
fallaría, a menos que usted le diga que coincida con elid
atributo (por ejemploquerySelector('[id="1"]')
.querySelector
yquerySelectorAll
son totalmente compatibles ahora. caniuse.com/#feat=queryselector