Modificando atributos y propiedades

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 4

Preguntas 1

Ordenar por:

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

Mathías Cabrera

hace 2 meses

Los **atributos** son valores iniciales**** que se utilizan en la tag de apertura para controlar el comportamiento del elemento en HTML. Estos pueden el ID, la(s) clase(s). Las **propiedades** son el reflejo de estos atributos en JavaScript. Es decir, van a pasar a ser propiedades del objeto del nodo en JS. Es importante mencionar que por más que hayamos cambiado una propiedad desde JS de un objeto, la etiqueta a la que está referenciando seguirá teniendo el mismo atributo que se asignó en un principio. Esto se debe a que **los atributos reflejan el estado inicial del HTML**, es decir de cómo iniciamos el HTML.

Jaime Manuel Cutipa Calderón

hace 2 meses

En resumen: HTML: elemento.atributo DOM: objeto.propiedad

Natalia Gallego Heras

hace 2 meses

Hace unos días terminé el curso de Estructuras de Datos con JavaScript (también del profesor Diego de Granda) y, aunque ya había hecho otros relacionados con el Frontend, es como haber desbloqueado una dimensión extra, veo los nodos y su manipulación en 4K dentro del cerebro: <https://platzi.com/cursos/estructuras-datos/> (Añado que lo hice después del de Manipulación de arrays en JavaScript y no sé si lo habría disfrutado tanto de no haber seguido ese orden: <https://platzi.com/cursos/arrays/>)

David Styven Ruiz Valencia

hace 25 días

En JavaScript, puedes modificar los **atributos** y **propiedades** de los elementos HTML para cambiar su comportamiento o apariencia. Los atributos se refieren a las propiedades definidas directamente en el HTML (como `id`, `class`, `src`, etc.), mientras que las propiedades son características de los objetos DOM que puedes manipular directamente con JavaScript (como `innerHTML`, `value`, `style`, etc.).