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
# dom-element-setattributenode

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
setAttributeNode

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Voir aussi