- Bienvenida al curso Domina el DOM con JavaScript
- Breve historia del DOM
- Archivos del curso
- ¿Qué es el DOM?
- ¿Cómo podemos representar el DOM?
- Los tipos de nodos en DOM
- Herramienta para explorar el árbol DOM y sus nodos
- Los mensajes de la consola desde JavaScript
- Apuntes de la sección : Introducción al estudio del DOM
- Seleccionar las etiquetas
- Seleccionar las etiquetas o anchors
- Seleccionar la etiqueta
- Seleccionar la etiqueta
- Seleccionar las etiquetas
- Seleccionar las etiquetas
- Seleccionar los links de las etiquetas o
- Seleccionar la URL de la página
- Seleccionar el título de la página de la etiqueta
- Guardar, modificar, leer y borrar cookies
- El método write() para escribir en
- Apuntes de la sección 2: El DOM legado o heredado
- El método getElementById() para seleccionar por identificador
- El método getElementsByTagName() para seleccionar por tipo de etiqueta
- El método getElementsByClassName() para seleccionar por nombre de clase
- El método getElementsByName() para seleccionar por el atributo "name"
- Los métodos querySelect() y querySelectAll()
- Apuntes de la sección 3: Acceder a los nodos DOM
- Las propiedades nodeType y nodeName de los nodos
- Las propiedades nodeValue y textContent
- La propiedad attribute para el manejo de los atributos
- Los métodos getAttribute() y setAttribute()
- Los métodos hasAttribute() y removeAttribute()
- La propiedad innerHTML para modificar el texto de un nodo
- La propiedad classList
- Ejemplo de la propiedad classList
- Apuntes a la sección 4: Modificar los nodos y sus propiedades
- Crear un nodo con createElement() y addChild()
- Insertar un nodo antes de otro nodo
- Remover un nodo de un árbol DOM
- Clonar un nodo de una estructura DOM
- Crear un nodo de texto con createTextNode()
- Reemplazar un nodo con replaceChild()
- Apuntes de la sección 5: Crear, modificar y eliminar nodos con JavaScript
- Las propiedades para navegar en la estructura DOM
- La propiedad parent
- La propiedad childNodes
- La propiedad children
- Las propiedades firstChild y lastChild
- Las propiedades previousSibling y nextSibling
- Ejemplo práctico: juego de caja de números
- Apuntes de la sección 6: Navegar en la estructura DOM
- Los diferentes modelos de captura de eventos en DOM
- El manejo de los eventos en navegadores viejos, como IE6-8
- Las propiedades de un evento: el eventObject
- El modelo de propagación de eventos
- Detener la propagación de un evento con stopPropagation()
- Detener el comportamiento por omisión de un evento
- Eliminar un evento con removeEventListener()
- Apuntes e la sección 7: El manejo de eventos en DOM
- Los principales eventos del DOM
- El evento de fin de la carga de la página: onload
- El evento onclick
- Los eventos onmouseover y onmouseout
- Los eventos onmousedown y onmouseup
- El evento onmousemove
- Los eventos del teclado
- El evento onSelect()
- Los eventos de las cajas de entrada, onfocus y onblur
- Los eventos de la forma, onsubmit y onreset
- Los eventos de la ventana para hacer un parallax: onscroll
- Apuntes de la sección 8: Los eventos del DOM
- El objeto Form, sus propiedades y eventos
- Los eventos de los elementos de un formulario
- Las propiedades de los elementos de una forma
- Los botones conmutados: checkbox y radio button
- Los eventos de las cajas de entrada
- Las listas con select y option
- Otros elementos como fielset, label o elementos ocultos
- Validar un formulario con DOM
- Apuntes de la sección 9: Manejo de los eventos y los elementos de un formulario
- Crear un menú responsivo, primera parte
- Crear un menú responsivo, segunda parte
- Crear un menú responsivo en la parte baja del viewport
- Crear un menú en un encabezado responsivo
- Crear una galería responsiva, primera parte
- Crear una galería responsiva, segunda parte
- Crear un slideShow de imágenes responsivas, primera parte
- Crear un slideShow de imágenes responsivas, segunda parte
- Crear un slideShow de imágenes responsivas, tercera parte
- Crear un slideShow de imágenes responsivas, cuarta parte