Метод setAttributeNode()
Пример
Установит узел атрибута класса элемента <h1>:
var h1 = document.getElementsByTagName("H1")[0]; // Получите первый элемент <h1> в документе
var att = document.creaЧайttribute("class"); // Создайте атрибут "class"
att.value = "democlass"; // Установите значение атрибута класса
h1.setAttributeNode(att); // Добавьте атрибут класса в <h1>
Перед установкой узла атрибута:
Привет мир
После установки узла атрибута:
Привет мир
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Метод setAttributeNode() добавляет указанный узел атрибута к элементу.
Если указанный атрибут уже существует, этот метод заменяет его.
Возвращаемым значением этого метода является объект Attr. Для получения дополнительной информации см. HTML DOM Объект Атрибута.
Смотрите также метод setAttribute().
Совет: Используйте метод removeAttributeNode() удаления узла атрибута из элемента.
Поддержка браузера
Метод | |||||
---|---|---|---|---|---|
setAttributeNode() | Да | Да | Да | Да | Да |
Синтаксис
element.setAttributeNode(attributenode)
Параметр значений
Параметр | Тип | Описание |
---|---|---|
attributenode | Attr object | Требуемый. Узел атрибута, который вы хотите добавить |
Технические детали
Вернёт значение | Объект Attr, представляющий замененный узел атрибута, если таковой имеется, в противном случае null |
---|---|
DOM Версия | Базовый уровень 1 Объект элемента |
Ещё примеры
Пример
Установить узел атрибута href элемента <a>:
var anchor = document.getElementById("myAnchor"); // Получите элемент <a> с id="myAnchor"
var att = document.creaЧайttribute("href"); // Создайте атрибут "href"
att.value = "https://www.schoolsw3.com"; // Установите значение атрибута href
anchor.setAttributeNode(att); // Добавьте атрибут href в <a>
Перед установкой узла атрибута:
Перейти к schoolsw3.com
После установки узла атрибута:
Попробуйте сами »Связанные страницы
HTML Учебник: HTML Атрибуты
HTML DOM Справочник: The HTML DOM Объект Атрибута
HTML DOM Справочник: setAttribute() Метод
HTML DOM Справочник: document.creaЧайttribute() Метод
HTML DOM Справочник: attribute.value Свойство
HTML DOM Справочник: getAttributeNode() Метод
HTML DOM Справочник: removeAttributeNode() Метод