Элемент: метод setAttributeNode()

Базовая линия Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Метод setAttributeNode() интерфейса Element добавляет новый узел Attr к указанному элементу.

Если вам не нужно работать с узлом атрибута (например, клонировать его из другого элемента) перед его добавлением, вы можете использовать метод setAttribute() вместо этого.

Синтаксис

setAttributeNode(attribute)

Параметры

attribute: Узел Attr, который нужно добавить к элементу.

Возвращаемое значение

Замененный узел атрибута, если таковой был, возвращаемый этой функцией.

Примеры

В этом примере копируется атрибут align из одного элемента в другой.

HTML

<div id="one" align="left">one</div>
<div id="two">two</div>

JavaScript

let d1 = document.getElementById("one");
let d2 = document.getElementById("two");
let a = d1.getAttributeNode("align");

d2.setAttributeNode(a.cloneNode(true));

// Returns: 'left'
alert(d2.attributes[1].value);

Примечания

Если атрибут с указанным именем уже существует в элементе, этот атрибут заменяется новым, а заменённый возвращается.

Спецификации

Спецификация
DOM # dom-element-setattributenode

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`setAttributeNode`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttributeNode