Отличия между свойствами и атрибутами в современных веб-фреймворках заключаются в следующем:

• Атрибуты — это предустановленные значения, указанные непосредственно в HTML-коде. 1 Они определяют стартовые параметры элемента. 1
• Свойства — это изменчивые поля DOM-объектов HTML-элементов. 1 Они отражают текущее состояние элемента. 1

Некоторые другие отличия:

• Атрибуты всегда являются строками, их имя нечувствительно к регистру. 2
• Свойства могут иметь любое значение, названия свойств чувствительны к регистру. 2
• Атрибуты видны в innerHTML, а свойства работают за счёт того, что DOM-узлы являются объектами JS. 2

Также свойства могут содержать больше информации, чем атрибуты. 1 Например, атрибут style задаёт стилевое оформление, а свойство style предоставляет объект, который хранит информацию о динамичных инлайновых стилях элемента. 1