Ejemplo

Establecer la class nodo de atributo de un <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 configurar el nodo de atributo:

Hello World

Después de ajustar el nodo de atributo:

Hello World

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El setAttributeNode() método agrega el specified nodo de atributo a un elemento.

Si el specified atributo ya existe, este método reemplaza.

El valor de retorno de este método es un objeto Attr. Para obtener más información, consulte El HTML DOM atributo de objeto .

Véase también el setAttribute() método.

Consejo: Utilice la removeAttributeNode() método para eliminar un nodo de atributo de un elemento.

Soporte del navegador

Método
setAttributeNode()	Sí	Sí	Sí	Sí	Sí

Sintaxis

element .setAttributeNode( attributenode )

Los valores de los parámetros

Parámetro	Tipo	Descripción
attributenode	Attr object	Necesario. El nodo de atributo que desea añadir

Detalles técnicos

Valor de retorno:	Un objeto Attr, que representa el replaced nodo de atributo, en su caso, de lo contrario nula
Versión DOM	Nivel básico 1 Elemento de objetos

Más ejemplos

Ejemplo

Establecer el href nodo de atributo de un <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 configurar el nodo de atributo:

Go to w3ii.com

Después de ajustar el nodo de atributo:

Go to w3ii.com

Inténtalo tú mismo "