Exemple

Définissez la class noeud d'attribut d'un <h1> élément:

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>

Avant de définir le nœud d'attribut:

Hello World

Après avoir défini le noeud d'attribut:

Hello World

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

Le setAttributeNode() méthode ajoute le specified noeud d'attribut à un élément.

Si le specified attribut existe déjà, cette méthode remplace.

La valeur de retour de cette méthode est un objet Attr. Pour plus d' informations, consultez Le code HTML Attribut DOM objet .

Voir aussi la setAttribute() méthode.

Conseil: Utiliser la removeAttributeNode() Procédé pour enlever un noeud d'attribut d'un élément.

Support du navigateur

méthode
setAttributeNode()	Oui	Oui	Oui	Oui	Oui

Syntaxe

element .setAttributeNode( attributenode )

Les valeurs des paramètres

Paramètre	Type	La description
attributenode	Attr object	Champs obligatoires. Le nœud d'attribut que vous souhaitez ajouter

Détails techniques

Valeur de retour:	Un objet Attr, représentant le replaced noeud d'attribut, le cas échéant, sinon nulle
version DOM	Niveau de base 1 Élément objet

autres exemples

Exemple

Réglez le href noeud d'attribut d'un <a> élément:

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>

Avant de définir le nœud d'attribut:

Go to w3ii.com

Après avoir défini le noeud d'attribut:

Go to w3ii.com

Essayez vous - même »