Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Element : méthode setAttributeNode()

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La méthode setAttributeNode(), rattachée à l'interface Element, ajoute un nouveau nœud Attr à l'élément courant.

S'il n'est pas nécessaire de travailler sur le nœud Attr avant de l'ajouter (par exemple en le clonant depuis un autre élément), on pourra utiliser la méthode setAttribute() à la place.

Syntaxe

js
setAttributeNode(attribute)

Paramètres

attribute

Le nœud Attr à définir sur l'élément.

Valeur de retour

L'éventuel nœud Attr remplacé.

Exemples

Cet exemple copie l'attribut class d'un élément à l'autre.

HTML

html
<div id="un" class="coucou">un</div>
<div id="deux">deux</div>

JavaScript

js
let d1 = document.getElementById("un");
let d2 = document.getElementById("deux");
let a = d1.getAttributeNode("class");

d2.setAttributeNode(a.cloneNode(true));

// Affiche "coucou" dans la console
console.log(d2.attributes[1].value);

Notes

Si l'attribut nommé existe déjà sur l'élément, cet attribut est remplacé par le nouveau et le nœud remplacé est renvoyé.

Spécifications

Specification
DOM
# dom-element-setattributenode

Compatibilité des navigateurs

Voir aussi