Metoda setAttributeNode() obiektu HTML DOM Element

Definicja i użycie

setAttributeNode() Metoda dodaje określony węzeł atrybutu do elementu i zwraca obiekt Attribute.

Jeśli określony atrybut już istnieje, ta metoda go zastąpi.

Alternatywa:

Użyj Metoda setAttribute() Prościej.

Zobacz również:

Podręcznik referencyjny:

Metoda getAttributeNode()

Metoda removeAttributeNode()

Metoda createAttribute()

Metoda getAttribute()

Metoda setAttribute()

Metoda hasAttribute()

Atrybut wartości属性

Obiekt atrybutu HTML DOM

Tutorial:

Atrybuty HTML

Różnica między setAttribute() a setAttributeNode()

setAttribute() Metoda zastępuje wartość atrybutu.

setAttributeNode() Metoda zastępuje obiekt Attribute.

Przed dodaniem atrybutu do elementu musisz utworzyć obiekt Attr i ustawić wartość Attr.

Wynik będzie ten sam.

Przykład

Przykład 1

Ustawienie węzła atrybutu class pierwszego elementu <h1>:

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

Spróbuj sam

Przed ustawieniem:

Hello World

Po ustawieniu:

Hello World

Przykład 2

Ustaw węzeł atrybutu href elementu <a>:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Spróbuj sam

Przed ustawieniem:

Odwiedź codew3c.com

Po ustawieniu:

Odwiedź codew3c.com

Gramatyka

element.setAttributeNode(newAttr)

Parametr

Parametr Opis
newAttr Wymagane. Oznacza węzeł Attr do dodania lub atrybut, którego wartość ma być zmodyfikowana.

Zwrócona wartość

Typ Opis
Obiekt

Oznacza obiekt Attr węzła, który został zastąpiony.

Jeśli nie zastąpiono żadnej atrybutu, to null.

Wywołaj

Ta metoda może wywołać wyjątek DOMException zawierający poniższy kod:

Wyjątek Opis
INUSE_ATTRIBUTE_ERR newAttr Już jest członkiem zbioru atrybutów innego elementu.
NO_MODIFICATION_ALLOWED_ERR Bieżący element jest tylko do odczytu, nie można go modyfikować.
WRONG_DOCUMENT_ERR newAttr Właściwość ownerDocument różni się od elementu, który ma być ustawiony.

Obsługa przeglądarek

element.setAttributeNode() Jest to cecha DOM Level 1 (1998).

Wszystkie przeglądarki obsługują to w pełni:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie 9-11 Wsparcie Wsparcie Wsparcie Wsparcie