Méthode HTML DOM setAttributeNode()

Exemple

Définissez le nœud d'attribut de classe d'un élément <h1> :

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 nœud d'attribut :

Hello World

Plus d'exemples "Essayez-le vous-même" ci-dessous.

Définition et utilisation

La méthode setAttributeNode() ajoute le nœud d'attribut spécifié à un élément.

Si l'attribut spécifié existe déjà, cette méthode le remplace.

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

Voir aussi la méthode setAttribute() .

Astuce : Utilisez la méthode removeAttributeNode() pour supprimer un nœud d'attribut d'un élément.

Prise en charge du navigateur

Method
setAttributeNode()	Yes	Yes	Yes	Yes	Yes

Syntaxe

element.setAttributeNode(attributenode)

Valeurs des paramètres

Parameter	Type	Description
attributenode	Attr object	Required. The attribute node you want to add

Détails techniques

Valeur de retour :	Un objet Attr, représentant le nœud d'attribut remplacé, le cas échéant, sinon null
Version DOM	Objet élément de niveau 1 de base

Plus d'exemples

Exemple

Définissez le nœud d'attribut href d'un élément <a> :

var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "https://www.w3schools.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 w3schools.com

Après avoir défini le nœud d'attribut :

Go to w3schools.com