Метод setAttribute()
Пример element.setAttribute()
Добавьте атрибут класса к элементу:
element.setAttribute("class", "democlass");
До:
Element setAttribute()
После:
Element setAttribute()
Ещё примеры ниже.
Описание setAttribute()
Метод setAttribute() устанавливает новое значение атрибута.
Если атрибут не существует, он сначала создается.
Связные страницы setAttribute()
Учебник: setAttribute()
Синтаксис setAttribute()
element.setAttribute(name, value)
Параметры setAttribute()
| Параметр | Описание |
|---|---|
| name | Обязательно. Имя атрибута. |
| value | Обязательно. Новое значение атрибута. |
Возвращаемое значение setAttribute()
| НЕТ |
Примечание setAttribute()
Можно добавить атрибут стиля со значением к элементу, но это не рекомендуется, поскольку это может перезаписать другие свойства в атрибуте стиля.
Вместо этого используйте свойства объекта стиля:
Нет:
element.setAttribute("style", "background-color:red;");
Да:
element.style.backgroundColor = "red";
Ещё примеры setAttribute()
Измените поле ввода на кнопку ввода:
myInput.setAttribute("type", "button");
До:
После:
Добавьте атрибут href к элементу <a>:
myAnchor.setAttribute("href", "https://www.schoolsw3.com");
До:
Перейти к schoolsw3.com
После:
Попробуйте сами »Измените значение целевого атрибута на "_self":
if (element.hasAttribute("target")) {
element.setAttribute("target", "_self");
}
Попробуйте сами »
Поддержка setAttribute()
element.setAttribute() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |