Resumen

Las propiedades de los elementos serán aquellas que mayormente se modificarán. La diferencia entre un atributo y una propiedad es que el atributo para iniciar el HTML y DOM, son constantes mientras que las propiedades vienen del DOM y se pueden ir cambiando

Cambiar las propiedades de un elemento

<aside> 💡 El 80% del tiempo que estemos manipulando el DOM, lo que haremos sera cambiando dinámicamente con JS las propiedades de un elemento.

</aside>

Podemos acceder y modificar las propiedades mediante las propiedades del elemento deseado.

// 👀 Lectura
console.log(inputName.value) // "Fer"
// 📝 Modificación
inputName.value = "Fernando" 
console.log(inputName.value) // "Fernando"

Atributo

Los atributos de HTML son palabras especiales utilizadas dentro de la etiqueta de apertura, para controlar el comportamiento del elemento. Los atributos de HTML son un modificador de un tipo de elemento de HTML.

• Definidas por el HTML.
• Constantes.
• Solo se usan para iniciar el HTML y las propiedades del DOM.

Propiedad

Propiedad del DOM sera inicializada por los atributos del HTML para posteriormente modificarlas.

• Son lo que irán cambiando en JS.
• Definidas por el DOM.
  • Valor de una propiedad es variable.