La gente de WebKit no para de incorporar nuevas funcionalidades a su navegador. Esta vez ha sido el API de selectores que la W3C publicó hace unos meses. Estos selectores nos permitirán completar las posibilidades de las que ahora disponemos para seleccionar uno o más elementos de nuestro DOM.
Actualmente disponemos de métodos como getElementById
, getElementByTagName
y el recien integrado en el core, getElementByClassName
(de forma nativa) con lo que ya podemos manejarnos perfectamente, pero, ¿nos vamos a contentar con solo estos métodos?. Está claro que no, debemos facilitarnos la vida con querySelector()
y querySelectorAll()
, podemos conseguirlo. Veamos un ejemplo de su uso.
Ejemplo
document.querySelectorAll(".hot"); // Seleccionar todos los elementos con clase hot
document.querySelector(":hover"); // Seleccionamos el elemento que esté en modo :hover (el ratón sobre él).
document.querySelectorAll("#large:nth-child(even)"); // Ejemplo de como conseguir elementos intercalados (por ejemplo para tablas zebra)
Tests
Desde la propia página de WebKit nos facilitan un test, basado en SlickSpeed de MooTools, en el que podemos testear el funcionamiento de estas funciones nativas (únicamente desde Webkit última versión).
Viendo los tiempos obtenidos por la versión nativa (columna de la derecha), frente a los frameworks testeados (Ext 2.0, Prototype y jQuery) notamos la diferencia y la mejoría (y necesidad) de que estos métodos se incluyan en el navegador y no tengamos que implementarlos nosotros.
1 comentarios, 0 referencias
+
#