Przykład

Ustaw class węzeł atrybut <h1> element:

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>

Przed ustawieniem węzeł atrybutu:

Hello World

Po ustawieniu węzeł atrybutu:

Hello World

Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

setAttributeNode() Sposób dodaje specified węzła atrybutów do elementu.

Jeśli specified atrybut już istnieje, metoda ta zastępuje go.

Wartość powrót tego sposobu Przedmiotem Attr. Aby uzyskać więcej informacji, zobacz HTML DOM atrybutu obiektu .

Zobacz także setAttribute() metody.

Ważne: Z removeAttributeNode() sposobu w celu usunięcia węzeł atrybutu z elementu.

Wsparcie przeglądarka

metoda
setAttributeNode()	tak	tak	tak	tak	tak

Składnia

element .setAttributeNode( attributenode )

wartości parametrów

Parametr	Rodzaj	Opis
attributenode	Attr object	Wymagany. Węzeł atrybut chcesz dodać

Szczegóły techniczne

Zwracana wartość:	Obiekt Attr, reprezentujący replaced węzeł atrybutu, jeśli w ogóle, pod rygorem
DOM Version	Poziom Rdzeń 1 elementu obiektu

Więcej przykładów

Przykład

Ustaw href węzeł atrybut <a> element:

var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "http://www.w3ii.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

Przed ustawieniem węzeł atrybutu:

Go to w3ii.com

Po ustawieniu węzeł atrybutu:

Go to w3ii.com

Spróbuj sam "