пример
Установите class узла атрибута <h1> элемента:
var h1 = document.getElementsByTagName("H1")[0]; // Get the
first <h1> element in the document
var att =
document.createAttribute("class"); //
Create a "class" attribute
att.value = "democlass";
// Set the value of the class attribute
h1.setAttributeNode(att);
// Add the class attribute to <h1>Перед установкой узла атрибута:
Hello World
После установки узла атрибута:
Hello World
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
setAttributeNode() метод добавляет specified узел атрибута к элементу.
Если specified атрибут уже существует, этот метод заменяет его.
Возвращаемое значение этого метода является объектом атр. Для получения дополнительной информации см В DOM HTML атрибутов объекта .
Смотрите также setAttribute() метод.
Совет: Используйте removeAttributeNode() метод для удаления узла атрибута из элемента.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| setAttributeNode() | да | да | да | да | да |
Синтаксис
element .setAttributeNode( attributenode )Значения параметров
| параметр | Тип | Описание |
|---|---|---|
| attributenode | Attr object | Необходимые. Узел атрибута вы хотите добавить |
Технические подробности
| Возвращаемое значение: | Объект атр, представляющий replaced узел атрибута, если таковой имеется , в противном случае нуль |
|---|---|
| DOM Version | Базовый уровень 1 Элемент объекта |
Еще примеры
пример
Установите href узел атрибута <a> элемента:
var anchor = document.getElementById("myAnchor"); // Get the <a>
element with id="myAnchor"
var att = document.createAttribute("href");
// Create a "href" attribute
att.value = "http://www.w3ii.com";
// Set the value of the href attribute
anchor.setAttributeNode(att);
// Add the href attribute to <a>Перед установкой узла атрибута:
Go to w3ii.com
После установки узла атрибута:
Попробуй сам "Похожие страницы
Учебник HTML: HTML атрибуты
HTML DOM Ссылка: HTML - DOM Атрибут объекта
HTML DOM Ссылка: href="met_element_setattribute.html"> setAttribute() Method
HTML DOM Ссылка: href="met_document_createattribute.html">document. createAttribute() Method href="met_document_createattribute.html">document. createAttribute() Method
HTML DOM Ссылка: атрибут .value собственности
HTML DOM Ссылка: href="met_element_getattributenode.html"> getAttributeNode() Method
HTML DOM Ссылка: href="met_element_removeattributenode.html"> removeAttributeNode() Method