Modificando estilos en HTML

Curso de JavaScript: Manipulación del DOM

Entendiendo el DOM

¿Para qué aprender JavaScript?

¿Qué es DOM y Window Object?

Explorando Nodos del DOM

Seleccionando y Accesando a Elementos del DOM

Consultando el DOM con getElementById y querySelector

Navegación efectiva entre nodos

Manipulando Elementos del DOM

Modificando atributos y propiedades

Modificando texto en HTML

Modificando estilos en HTML

Modificando la visibilidad de elementos HTML

Creación de elementos con HTML Strings e insertAdjacentElement()

Agregando elementos con innerHTML e insertAdjacentHTML()

Creación de elementos con createElement()

Remover elementos con remove() y removeChild()

Clonación y reemplazo de elementos con cloneNode y replaceChild

Manipulando Eventos en el DOM

Entendiendo eventos y tipos: Burbuja, Captura y Propagación

Agregar y eliminar escuchadores de eventos o Event Listeners

El objeto evento o eventObject

Manejo de entradas de formulario y validación

Delegación de eventos y prevención de comportamiento predeterminado

Creando un Administrador de Tareas

Añadir tareas desde un formulario

Eliminar y editar tareas del DOM

Almacenamiento y carga de datos en localStorage

Eliminar y editar tareas del almacenamiento local

Inspeccionando y solucionando errores en el código

Personalizando la interfaz del administrador de tareas

Aún hay más por aprender

Asincronía en JavaScript

¿Cómo funciona el JavaScript Engine?

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 7

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Natalia Gallego Heras

hace 2 meses

Agradezco mucho que no editen los vídeos para que no se vean los errores o typos de los profesores. Sería muy sencillo que lo eliminaran y, sin embargo, no podríamos ver el proceso completo. ```js 🫡 document.querySelector('h1') ```

Henrry Andrés Terraza Sigcho

hace 2 meses

Lo que yo entendi hace tiempo es que cuando agregamos estilos directamente en las etiquetas html se lo conoce como estilos embebidos y por la especificidad tomara como mas importante ese estilo antes que el del css, si no estoy mal cuando carga toda la pagina web empieza por el html luego el css y por ultimo js este siempre y cuando lo colequemos al final y no en el head. Por favor si estoy mal agradeceria su aporte.

Daniel Andres Rojas Paredes

hace 2 meses

En esta clase se hablan de 2 formas de modificar los estilos ( creo que el profesor dijo que eran 3 pero solo dijo dos, revise la clase muchas veces porque siempre pense que era mi yo que se distraia facil): modificar el atributo style: tener en cuenta que por jerarquia esto sobre escribira cualquier otra regla en el css pues es agregar un estilo en linea dentro del html modificar el atributo className, para que se le aplique otro set de reglas previamente definido en el css con ese nuevo nombre de clase.

brandon pardo

hace 17 días

Buenas noches alguien sería tan amable de explicarme un punto. Si tengo mi Hoja de estilos fuera de mi hoja de HTML, pero ya la tengo vinculada, como puedo hacer para acceder desde JavaScript a mi hoja de estilos

Sebastián Martínez

hace 23 días

¿Pero porqué sería un problema hacer eso en consola? El cambio no es permanente, así que no veo el problema de cambiar el estilo así en consola. Por otro lado, pensaba que clase tenía mayor especificidad que en línea pero veo que lo estaba confundiendo con agregar estilos en el head

Santiago Perozo

hace un mes

La propiedad se llama `className` en JavaScript, pero en HTML se utiliza simplemente `class`. Esto se debe a que la palabra `class` en JavaScript ya está reservada para crear clases en programación orientada a objetos.

Jose Luis Bedoya

hace 2 meses

classList rules the world 🥳