1. Web
  2. Les API Web
  3. Element
  4. Element : méthode setAttributeNode()

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

Help improve MDN

Learn how to contribute

Cette page a été modifiée le par les contributeurs du MDN.

AltStyle によって変換されたページ (->オリジナル) /