Метод setAttribute() в HTML DOM

Объект элемента HTML DOM

setAttribute()Метод устанавливает значение атрибута заданного элемента.

Если атрибут уже существует, то обновляет значение; в противном случае, добавляет новый атрибут с указанным именем и значением.

ИспользованиеremoveAttribute()Метод удаляет атрибут из элемента.

Грамматика:

element.setAttribute(name, value)

var x = document.getElementsByTagName("H1")[0];
x.setAttribute("class", "demo");

Совместимость браузеров

Метод setAttribute() полностью поддерживается всеми браузерами:

значение параметра

Технические детали

Более примеров

Измените кнопку ввода на поле ввода:

document.getElementsByTagName("input")[0].setAttribute("type", "text");

Установите значение атрибута href для маркера:

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https://ru.oldtoolbag.com/CSS3/");

См. также

Учебник HTML:Атрибуты HTML

Референс HTML DOM:элемент Метод .hasAttribute()

Референс HTML DOM:элемент Метод .getAttribute()

Референс HTML DOM:элемент Метод .removeAttribute()

Объект элемента HTML DOM