Изменить value JS

В данном уроке мы разберем способы поменять значение атибута value с помощью JavaScript. Пусть для примера у нас есть следующий инпут:

<input value="text">

Получим ссылку на этот инпут с помощью метода querySelector:

let input = document.querySelector('input');

А теперь разберем два способа изменения атрибута value.

Через свойство

Чтобы поменять значение атрибута value, нужно измененить значение свойства value:

input.value = 'xxx';

Через метод

Можно также поменять значение атрибута value с помощью метода setAttribute:

input.setAttribute('value', 'xxx');