JavaScript setAttribute - как изменять атрибуты элементов

JS setAttribute - это метод объекта DOM, который позволяет добавлять, изменять или удалять атрибуты у элемента HTML.

Синтаксис метода setAttribute:

element.setAttribute(name, value)

где:

• name - название атрибута, указывается как строка (например, "src", "class", "id");
• value - значение атрибута, также указывается как строка.

Для примера, рассмотрим HTML-элемент img:

Чтобы добавить значение src, можно использовать setAttribute следующим образом:

document.getElementById("my-image").setAttribute("src", "img.jpg");

Теперь, при рендеринге страницы, картинка будет загружаться с указанного адреса.

Также, setAttribute может использоваться для работы с CSS-стилями элемента. Например, чтобы добавить элементу HTML класс "active":

document.getElementById("my-element").setAttribute("class", "active");

В данном случае, элемент HTML с id="my-element" будет иметь CSS-класс "active", что может отразиться на его внешнем виде.

Также, setAttribute может использоваться для удаления атрибутов элемента. Например, чтобы удалить атрибут "disabled" с кнопки:

document.getElementById("my-button").removeAttribute("disabled");

Таким образом, setAttribute является универсальным методом для работы с HTML-элементами и CSS-стилями, который позволяет создавать динамические и интерактивные веб-страницы.