Archivo de la categoría: DOM

DOM – Document Object Model

Desasociar eventos

Así como podemos asociar eventos también podemos eliminar la asociación de eventos con nodos. Si queremos poder eliminar la asociación de eventos hay que evitar utilizar funciones anónimas porque es imposible eliminar la asociación. Con la funcionalidad separada del evento, la podemos asociar a uno o más nodos o eventos además de que la podemos […]

Utilizar un evento como objeto

Una vez que se desencadena un evento es posible utilizarlo como objeto en JavaScript. Además que, dependiendo el que modelo se esté utilizando, el evento sigue un flujo a través del DOM. Evento Una vez que asociamos un evento a una acción podemos incluir como parámetro el evento que se ejecutó. Al hacer esto, el […]

Asociar eventos generados en el documento

En esta ocasión vamos a ver que los eventos nos permiten ejecutar código de JavaScript cuando se realice una acción en la interfaz. ¿Qué es un evento? Un evento es una interacción que un usuario tiene con el documento. Algunos eventos que se pueden realizar son: Evento Descripción click Inicia cuando se presiona un elemento […]

Modificar estilo y contenido

Hasta ahora hemos revisado cómo modificar el documento agregando y quitando nodos pero no hemos modificado aún el contenido ni la presentación de los nodos en el navegador. Vamos a utilizar el mismo documento de referencia para realizar los ejemplos. Representación del documento HTML en el DOM. Modificar nodos Los siguientes tres atributos – style, […]

Manipulación de nodos

En la publicación anterior vimos qué es el DOM y cómo seleccionar nodos utilizando JavaScript. En esta ocasión vamos a utilizar el DOM para modificar el documento – html – utilizando JavaScript. El siguiente documento es una referencia para los ejemplos. Representación del documento HTML en el DOM. En el DOM cada nodo – representado […]

Utilizar el DOM

Para ejecutar código en JavaScript desde el navegador necesitamos contar con un canal de comunicación entre el documento HTML y el código. DOM El DOM (Document Object Model – Modelo de Objetos del Documento) es una API (Application Programming Interface – Interfaz de Programación de Aplicaciones) para documentos HTML y XML. En este caso, el […]