пример
Добавьте class атрибут со значением "democlass" к <h1> элемента:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");Перед установкой атрибута:
Hello World
После установки атрибута:
Hello World
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
setAttribute() метод добавляет specified атрибут к элементу, и придает ему определенное значение.
Если specified атрибут уже существует, только значение устанавливается / изменено.
Примечание: Несмотря на то, что можно добавить style атрибут со значением к элементу с помощью этого метода, рекомендуется использовать свойства объекта Style вместо для встроенного стиля, потому что это не будет перезаписывать другие свойства CSS , которые могут быть указаны в style атрибут:
Плохо:
element .setAttribute("style",
"background-color: red;");Хорошо:
element .style.backgroundColor
= "red";Совет: Используйте removeAttribute() метод для удаления атрибута из элемента.
Совет: Смотрите также setAttributeNode() метод.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| setAttribute() | да | 9,0 | да | да | да |
Синтаксис
element .setAttribute( attributename , attributevalue )Значения параметров
| параметр | Тип | Описание |
|---|---|---|
| attributename | String | Необходимые. Имя атрибута вы хотите добавить |
| attributevalue | String | Необходимые. Значение атрибута вы хотите добавить |
Технические подробности
| Возвращаемое значение: | Нет возвращаемого значения |
|---|---|
| DOM Version | Базовый уровень 1 Элемент объекта |
Еще примеры
пример
Изменение поля ввода на кнопку ввода:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Перед установкой атрибута:
После установки атрибута:
Попробуй сам " пример
Добавить HREF атрибут со значением "www.w3ii.com" в качестве <a> элемента:
document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com"); Перед установкой атрибута:
Go to w3ii.com
После установки атрибута:
Попробуй сам "пример
Выясните , если <a> элемент имеет целевой атрибут. Если да, то изменить значение target атрибута "_self" :
// Get the <a> element with id="myAnchor"
var x =
document.getElementById("myAnchor");
// If the <a> element has
a target attribute, set the value to "_self"
if
(x.hasAttribute("target")) {
x.setAttribute("target", "_self");
} Попробуй сам " Похожие страницы
Учебник HTML: HTML атрибуты
HTML DOM Ссылка: href="met_element_getattribute.html"> getAttribute() Method
HTML DOM Ссылка: href="met_element_hasattribute.html"> hasAttribute() Method
HTML DOM Ссылка: href="met_element_removeattribute.html"> removeAttribute() Method