Изменение свойств элементов с помощью JS DOM

HTML DOM позволяет JavaScript получать и изменять атрибуты HTML элементов.

Получение значения атрибута элемента

getAttribute()Метод используется для получения текущего значения указанного атрибута элемента.

ниже приведен пример получения атрибута якоря элемента:hrefиtitleЗначение свойства:

var link = document.getElementById("demo");
var href = link.getAttribute("href");
var title = link.getAttribute("title");

Установка свойств на элементе

setAttribute()Метод используется для установки значения свойства на указанном элементе.

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

Этот пример устанавливаетhrefЗначение свойства устанавливается для锚-элемента:

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

Таким же образом, вы можете использоватьsetAttribute()Метод используется для обновления или изменения значения существующего свойства HTML-элемента.

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

Удаление свойств из элемента

removeAttribute()Метод используется для удаления свойств из указанного элемента.

Этот пример удаляетhrefСвойство:

document.getElementsByTagName("a")[0].removeAttribute("href");