• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Cursos online y materiales digitales para estudiantes y desarrolladores web

  • CURSOS
  • BLOG
  • QUIÉN SOY
  • FAQ
  • ACCEDER
  • CONTACTO

Curso de Javascript V

Utilización del modelo de objetos del documento (DOM)

Publicado el 24/11/2020 por Ada

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.

Contenido del Curso

Javascript – #5.01. DOM. Acceso y modificación de elementos. Texto y atributos

Utilización del modelo de objetos del documento (DOM)

 18min
Javascript – #5.02. DOM. Creación, sustitución y borrado de elementos

Utilización del modelo de objetos del documento (DOM)

 18min
Javascript – #5.03. DOM. Acceso y navegación por elementos

Utilización del modelo de objetos del documento (DOM)

 16 min
¡Has llegado al final!

Utilización del modelo de objetos del documento (DOM)

Ratings and Reviews

5.0
Avg. Rating
8 Ratings
5
8
4
0
3
0
2
0
1
0
What's your experience? We'd love to know!
Login to Review
Amaia
Posted 4 semanas ago
Como siempre, estupendo

Sigo recomendándole a todas mis compañeras de clase estos tutoriales para aprender lo básico de uso.

×
Preview Image
Helpful?
Lucas
Posted 1 mes ago
Excelente curso

Muy bien explicado, se entiende todo. Gracias!!! Si alguien lee los comentarios para saber si tomar todos estos cursos, yo le diría que sí en un 100%, que los tome definitivamente.

×
Preview Image
Helpful? One person found this helpful.
Claudio Pantoja
Posted 1 mes ago
Manipulación del DOM

La mejor maestra del universo ♥

×
Preview Image
Helpful? One person found this helpful.
Juan Jose Garcia
Posted 4 meses ago
Claridad y sencillez

Excelente curso. Me está siendo de gran ayuda. Gracias

×
Preview Image
Helpful? One person found this helpful.
Sergio
Posted 4 meses ago
Excelente el curso y gracias por el tiempo invertido en ello

Muy buena explicación del DOM de JavaScript, bastante practica y al punto la descripción de cada video, así como los ejemplos prácticos para entender lo mejor posible. Gracias por el tiempo invertido ya que lleva todo un rato y dedicación hacer cada video para cada sección, un saludos y de corazón de pollo se te agradece 😉

×
Preview Image
Helpful? One person found this helpful.
Cesar
Posted 4 meses ago
Muy aconsejable

Excelente explicación del DOM con los métodos y propiedades principales para su eleccion, modificación, creación etc con varios ejemplos.

×
Preview Image
Helpful? One person found this helpful.
Show more reviews
What's your experience? We'd love to know!
Login to Review

Filed Under: Curso Tagged With: javascript

Footer

Didacticode

Cursos para estudiantes y docentes del mundo de la informática.
Retos: retos resueltos de programación.
Tips&Tricks: trucos y consejos.
Boleticodes: boletines de noticias.
Quiénes somos: Ada, Edu... y Laura.
Contacto¡Contacta conmigo!

Legal

Aviso legal
Política de privacidad
Cookies

Redes Sociales

Youtube
Twitter
Instagram
Facebook
Twitch
LinkedIn
Gitlab
Github

Didacticode © 2023

¡Cómo no! Este sitio también utiliza cookies para mejorar la experiencia de tu visita.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los AJUSTES.

Resumen de privacidad
Didacticode

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.