Ideas/conceptos claves

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

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

Recursos

What is the difference between properties and attributes in HTML? - GeeksforGeeks

Apuntes

• El 80% del tiempo que estemos manipulando el DOM, lo que haremos sera cambiando dinámicamente con JS las propiedades de un elemento
• Podemos acceder y modificar las propiedades mediante las propiedades del elemento deseado

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

Atributo 🆚 Propiedad

• Atributo
  • Definidas por el HTML
  • Constantes
  • Solo se usan para iniciar el HTML y las propiedades del DOM
• Propiedad
  • Son lo que irán cambiando en JS
  • Definidas por el DOM
  • Valor de una propiedad es variable

<aside> 📌 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

</aside>