4Geeks chosen to deliver AI education in the Bahamas alongside Harvard, Oxford, and Columbia.See more
Image: 4geeks-devs-logo_1763162063433
ACCEDER
Gratis·Ejercicio interactivo

Aprende cómo manipular el DOM con JavaScript

Paso a paso, ve sobre todos los conceptos y métodos del DOM: Usa Javascript para manipular los estilos de los elementos de HTML.

Este ejercicio incluye

Technical Skills
JAVASCRIPTHTML CSSTHE DOM
Asistencia de IA para guía personalizada
Código real, resultado en tiempo real
Validación instantánea con tests
Progreso guardado en tu ruta

Prueba este ejercicio

Crea una cuenta y obtén acceso inmediato a este ejercicio

By signing up, you agree to the Terms and Conditions and Privacy Policy

Already have an account?

Nivel

EASY

Tiempo estimado

6 horas

Acceso

Gratis

Requisitos previos

Ninguno

Sobre este ejercicio

Paso a paso, ve sobre todos los conceptos y métodos del DOM: Usa Javascript para manipular los estilos de los elementos de HTML.

Syllabus

Mira el contenido que incluye este ejercicio

1

Bienvenido Al DOM 😆 !!

Explora el DOM y descubre los conceptos clave que aprenderás a lo largo del curso, como manipular estilos, HTML y eventos.

Video preview
2

Hello World

Abre tu archivo JavaScript y escribe el código para mostrar una alerta que diga Hello World.

Video preview
3

Select DOM Element

Practica seleccionar un elemento del DOM por su id con querySelector y muestra ese id en una alerta.

Video preview
4

Change Div Background

Practica seleccionar un elemento del DOM por su id y cambia su color de fondo a amarillo usando la propiedad style.background en JavaScript.

Video preview
5

Move DOM Element

Practice changing the CSS float property of a div element using JavaScript to move it from left to right.

Video preview
...

Obtén un certificado de IA respaldado por 4Geeks

Este ejercicio forma parte de un curso real. Descubre cuál es el tuyo

Elige entre AI Engineering, AI Flex o AI Fluency, nuestros programas de inteligencia artificial pensados para llevarte de cero a certificado, sin importar tu experiencia previa. El 86% de nuestros egresados consigue trabajo en el sector en un promedio de 3 meses. 
Compara los 3 programas y encuentra el que se adapte a tu ritmo y objetivos.
Explorar opciones
Code editor on laptop

Ejercicios relacionados

Sigue aprendiendo sobre los temas de este ejercicio

Aprende cómo manipular el DOM con JavaScript

Aprende cómo manipular el DOM con JavaScript

javascript
html-css
the-dom

Paso a paso, ve sobre todos los conceptos y métodos del DOM: Usa Javascript para manipular los estilos de los elementos de HTML.

Probar este ejercicio
Aprende cómo usar e interactuar con Formularios en HTML

Aprende cómo usar e interactuar con Formularios en HTML

javascript
html-css
formularios

Domina el arte de los formularios HTML con ejercicios interactivos que abarcan entradas de texto, áreas de texto, entradas de fecha y números, menús desplegables y más. Aprende validación de…

Probar este ejercicio
Fundamentos de TypeScript con Práctica para Desarrolladores JavaScript

Fundamentos de TypeScript con Práctica para Desarrolladores JavaScript

javascript
front-end
typescript

Este curso está diseñado para estudiantes que dominan JavaScript moderno y han leído sobre TypeScript (básico y avanzado). Aprenderás conceptos clave como interfaces básicas, type aliases y propiedades opcionales, así…

Probar este ejercicio
Programación Orientada a Objetos en Javascript

Programación Orientada a Objetos en Javascript

javascript
programacion-orientada-a-objectos

Aprende como funcionan los objetos y clases, y por qué son tan útiles en programación.

Probar este ejercicio
Tutorial para Aprender Bootstrap desde Cero

Tutorial para Aprender Bootstrap desde Cero

bootstrap
html-css

Domina Bootstrap con ejercicios prácticos sobre sistemas de cuadrícula, barras de navegación, secciones hero y más. Aprende a aplicar estilos de Bootstrap a tus elementos HTML, usa reglas y trucos…

Probar este ejercicio
Tutorial para Principiantes de Javascript (Interactivo)

Tutorial para Principiantes de Javascript (Interactivo)

javascript
node

Mejora tus habilidades de programación en Javascript con este conjunto completo de ejercicios interactivos y auto-evaluados. Estos ejercicios cubren temas fundamentales como variables, bucles, condicionales, funciones y arreglos. Al completar…

Probar este ejercicio