Archivo diario: 22 Enero, 2013


JavaScript: Cómo acceder a elementos del DOM

Si queremos acceder a un elemento del DOM, tenemos dos métodos para hacerlo: getElementById selecciona un elemento según su atributo “id” especificado en el HTML. Ejemplo:

getElementsByTagName selecciona una lista de nodos cuyo elemento es el especificado como parámetro, y a cada uno se le asigna un índice. Por ejemplo, el siguiente código nos devolvería el tercer párrafo (el índice comienza en 0):

No obstante, para acceder a un elemento, podemos hacer lo de muchas formas diferentes. Por ejemplo, imaginemos que queremos acceder a un campo con id “myField” que es parte de el primer form (llamado “formulario”) […]


JavaScript: Event Listener vs Event Handler

Si queremos mantener limpio nuestro HTML y acercarnos más a una buena práctica deberíamos evitar atributos HTML tales como “onClick”. Es decir, evitemos códigos como estos:

Pero entonces, ¿cómo haríamos que se ejecute código cuando ocurra nuestro evento “onClick” en un determinado elemento?. Supongamos que tenemos el siguiente elemento en HTML:

El acceso correcto a dicho elemento para el evento en el que se hace click sobre él, sería:

¿Por qué crear un Listener (Event Listener) en lugar de poner una llamada al evento “onClick” (Event Handler)? La respuesta es que nuestro HTML queda mucho más limpio […]