Exemplo

Defina a class nó de atributo de um <h1> elemento:

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>

Antes de definir o nó de atributo:

Hello World

Depois de definir o nó de atributo:

Hello World

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

O setAttributeNode() método adiciona a specified nó de atributo para um elemento.

Se o specified atributo já existe, este método substitui-lo.

O valor de retorno deste método é um objecto Atr. Para mais informações, consulte O objeto DOM HTML Atributo .

Ver também o setAttribute() método.

Dica: Use o removeAttributeNode() método para remover um nó de atributo a partir de um elemento.

Suporte navegador

Método
setAttributeNode()	sim	sim	sim	sim	sim

Sintaxe

element .setAttributeNode( attributenode )

Os valores dos parâmetros

Parâmetro	Tipo	Descrição
attributenode	Attr object	Requeridos. O nó de atributo que deseja adicionar

Detalhes técnicos

Valor de retorno:	Um objecto Atr, representando o replaced nó atributo, se houver, de outro modo nulo
DOM Versão	Núcleo Nível 1 elemento de objeto

mais Exemplos

Exemplo

Defina a href nó de atributo de um <a> elemento:

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>

Antes de definir o nó de atributo:

Go to w3ii.com

Depois de definir o nó de atributo:

Go to w3ii.com

Tente você mesmo "