En la quinta parte del curso de Javascript inicial veremos en tres lecciones cómo manipular el DOM (Document Object Model), o Modelo de Objetos del Documento. Es decir, todos los elementos que forman parte de una página HTML, como siempre, trabajando con Vanilla Javascript (o Javascript puro).
En primer lugar, aprenderás a acceder y modificar elementos de texto, tanto su contenido como los atributos de los que disponen.
A continuación verás cómo crear, sustituir o borrar tus propios elementos paso a paso.
Y por último, recorrerás todos los elementos de un documento uno a uno para poder situarte donde desees.
Información didáctica asociada
Contenidos
Este curso dispone de los siguientes contenidos recogidos en la Orden EDU/2887/2010, de 2 de noviembre, por la que se establece el currículo del ciclo formativo de Grado Superior correspondiente al título de Técnico Superior en Desarrollo de Aplicaciones Web.
f) Utilización del modelo de objetos del documento (DOM):
- El modelo de objetos del documento (DOM).
- Objetos del modelo. Propiedades y métodos de los objetos.
- Representación de la página web como una estructura en árbol.
- Acceso al documento desde código.
- Creación y modificación de elementos.
Resultados de aprendizaje y criterios de evaluación
Este curso contribuye a obtener los siguientes resultados de aprendizaje y sus criterios de evaluación asociados recogidos en el Real Decreto 686/2010, de 20 de mayo, por el que se establece el título de Técnico Superior en Desarrollo de Aplicaciones Web y se fijan sus enseñanzas mínimas.
RESULTADO DE APRENDIZAJE
6. Desarrolla aplicaciones web analizando y aplicando las características del modelo de objetos del documento.
CRITERIOS DE EVALUACIÓN
a) Se ha reconocido el modelo de objetos del documento de una página Web.
b) Se han identificado los objetos del modelo, sus propiedades y métodos.
c) Se ha creado y verificado un código que acceda a la estructura del documento.
d) Se han creado nuevos elementos de la estructura y modificado elementos ya existentes.
e) Se han asociado acciones a los eventos del modelo.
f) Se han identificado las diferencias que presenta el modelo en diferentes navegadores.
g) Se han programado aplicaciones Web de forma que funcionen en navegadores con diferentes implementaciones del modelo.
h) Se han independizado las tres facetas (contenido, aspecto y comportamiento), en aplicaciones Web.
Gran trabajo! Gracias!