javascript - name - queryselector vs getelementbyid
¿QuerySelector es compatible con todos los navegadores? (5)
Me gustaría saber si querySelector es compatible con todos los navegadores. ¿No es lo alternativo para usar?
Lo he probado con IE8, FF3, Chrome 4. Está bien para mí. No tengo navegadores viejos. Entonces, me gustaría saber si los navegadores antiguos me darán problemas o no.
IE7 <no lo admite y IIRC IIRC tiene problemas con los espacios de nombres. Hay al menos otro navegador esotérico con problemas importantes, pero no recuerdo cuál es.
Básicamente no existe un método DOM basado en expresiones unificadas, y absolutamente tu mejor opción es usar una biblioteca (la omnipresente respuesta "use jquery", pero al menos deberías echar un vistazo a Sizzle si tienes un problema con bibliotecas grandes) porque rodar tu propio es más esfuerzo que razonablemente vale la pena (hablo por experiencia).
La mejor alternativa es usar una biblioteca de terceros que abstraiga todo ese código específico del navegador desagradable, como YUI o jQuery (no estoy tan familiarizado con Prototype y otros, así que no puedo decir con certeza si usa el código métodos de query* [cuando estén disponibles]).
Lo probé con FireFox: funciona perfectamente. En IE hay un problema cuando usas el documento con el modo quirk (sin usar DOCTYPE HTML)
Tratar de usar en el documento HTML
Puede consultar MDN para obtener información detallada.
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
| ------------- | ------ | ---------------- | ----------------- | ----- | --------------- |
| Basic support | 1 | 3.5 | 8 | 10 | 3.2 |
QuerySelector es compatible con Firefox 3.1+, IE8 + (solo en modo estándar IE8) y Safari 3.1+ navegadores.