Contenido

getSelector y getSelectorAll ya en WebKit

8 feb

+ 1

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). 

slickspeed.jpg

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.

Descargar

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.