Element : méthode setAttributeNode()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 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 Standard
# dom-element-setattributenode

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi