Метод setAttributeNode() HTML DOM
❮ Элемент объектаПример
Установите узел атрибута класса элемента <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
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Метод setAttributeNode() добавляет указанный узел атрибута к элементу.
Если указанный атрибут уже существует, этот метод заменяет его.
Возвращаемое значение этого метода — объект Attr. Дополнительные сведения см. в разделе Объект атрибута HTML DOM .
См. также метод setAttribute() .
Совет. Используйте метод removeAttributeNode() , чтобы удалить узел атрибута из элемента.
Поддержка браузера
Method | |||||
---|---|---|---|---|---|
setAttributeNode() | Yes | Yes | Yes | Yes | Yes |
Синтаксис
element.setAttributeNode(attributenode)
Значения параметров
Parameter | Type | Description |
---|---|---|
attributenode | Attr object | Required. The attribute node you want to add |
Технические детали
Возвращаемое значение: | Объект Attr, представляющий замененный узел атрибута, если таковой имеется, иначе null |
---|---|
DOM-версия | Объект элемента основного уровня 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 = "https://www.w3schools.com"; // Set the value of the href attribute
anchor.setAttributeNode(att); // Add the href attribute to <a>
Перед установкой узла атрибута:
Go to w3schools.com
После установки узла атрибута:
Связанные страницы
Учебник по HTML: HTML-атрибуты
Справочник по HTML DOM: объект атрибута HTML DOM
Справочник по HTML DOM: метод setAttribute()
Справочник по HTML DOM: метод document.createAttribute()
Справочник по HTML DOM: свойство attribute .value
Справочник по HTML DOM: метод getAttributeNode()
Справочник по HTML DOM: метод removeAttributeNode()
❮ Элемент объекта