Распространённая ситуация: разработчик пытается прочитать значение поля ввода через
getAttribute('value'), но получает не актуальные данные, введённые пользователем, а первоначальное значение из HTML-разметки.Это не ошибка JavaScript, а следствие фундаментального различия между атрибутами и свойствами DOM. Атрибуты — это исходные параметры, заданные в HTML (чертёж элемента). Свойства — это текущее состояние DOM-объекта в памяти браузера (реальность). И они могут расходиться.
В новой статье детально разбирается:
Почему input.value и getAttribute('value') ведут себя по-разному. Как работает defaultValue и для чего он нужен. Особенности логических атрибутов (checked, disabled). Что важно знать о свойствах и атрибутах разработчикам на React.Материал будет полезен как начинающим, так и опытным разработчикам, желающим систематизировать знания о DOM.
Читать статью
@dev_notes_ru#HTML #JavaScript #DOM #Frontend
