Element : méthode setAttributeNode()
Baseline
Large disponibilité
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() de l'interface Element ajoute un nouveau nœud Attr à l'élément défini.
S'il n'est pas nécessaire de travailler sur le nœud d'attribut (par exemple en le clonant depuis un autre élément) avant de l'ajouter, on peut utiliser la méthode setAttribute() à la place.
Syntaxe
js
setAttributeNode(attribute)
Paramètres
Valeur de retour
Le nœud d'attribut remplacé, le cas échéant, retourné par cette fonction.
Exemples
Cet exemple copie l'attribut class d'un élément à l'autre.
HTML
html
<div id="one" lang="en-US">one</div>
<div id="deux">deux</div>
JavaScript
js
const d1 = document.getElementById("one");
const d2 = document.getElementById("deux");
const a = d1.getAttributeNode("lang");
d2.setAttributeNode(a.cloneNode(true));
// Retourne : 'en-US'
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 retourné.
Spécifications
| Spécification |
|---|
| DOM # dom-element-setattributenode |
Compatibilité des navigateurs
Voir aussi
- La méthode
Document.createAttribute() - La méthode
Element.getAttributeNode() - La méthode
Element.removeAttributeNode()