Метод setAttributeNode()
Пример element.setAttributeNode()
Установите узел атрибута класса первого элемента <h1>:
const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);
До:
Привет, мир!
После:
Привет, мир!
Попробуйте сами »
Ещё примеры ниже.
Описание setAttributeNode()
Метод setAttributeNode() добавляет узел атрибута к элементу.
Метод setAttributeNode() заменяет существующие узлы атрибутов.
Метод setAttributeNode() возвращает объект атрибута.
Разница setAttribute() and setAttributeNode() setAttributeNode()
Метод setAttribute() заменяет значения атрибутов.
Метод setAttributeNode() заменяет объекты Attribute.
Необходимо создать объект Attr и задать значение Attr перед добавлением атрибута к элементу.
Результат будет тем же.
Альтернатива: setAttributeNode()
Проще использовать Метод setAttribute()
Связные страницы setAttributeNode()
Учебник: setAttributeNode()
Справочник: setAttributeNode()
Синтаксис setAttributeNode()
element.setAttributeNode(node)
Параметры setAttributeNode()
| Параметр | Описание |
|---|---|
| node | Обязательно. Узел атрибута, который необходимо добавить. |
Возвращаемое значение setAttributeNode()
| Тип | Описание |
|---|---|
| Object | Объект Attr, представляющий замененный узел атрибута. или null, если ни один атрибут не заменен. |
Ещё пример setAttributeNode()
Установите узел атрибута href элемента <a>:
const attr = document.createAttribute("href");
attr.value = "https://www.schoolsw3.com";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);
До:
Перейти к schoolsw3.com
После:
Попробуйте сами »Поддержка setAttributeNode()
element.setAttributeNode() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |