Méthode setAttributeNode() de l'élément DOM HTML

Définition et utilisation

setAttributeNode() La méthode ajoute le nœud d'attribut spécifié à l'élément et retourne l'objet Attribute.

Si cet attribut spécifié existe déjà, cette méthode le remplacera.

Solution de remplacement :

Utiliser Méthode setAttribute() Plus simple.

Voir également :

Manuel de référence :

Méthode getAttributeNode()

Méthode removeAttributeNode()

Méthode createAttribute()

Méthode getAttribute()

Méthode setAttribute()

Méthode hasAttribute()

Propriété valeur de l'attribut

Objet Attribute du DOM HTML

Tutoriel :

Attributs HTML

Différence entre setAttribute() et setAttributeNode()

setAttribute() Méthode de remplacement de la valeur de l'attribut.

setAttributeNode() Méthode de remplacement de l'objet Attribute.

Avant d'ajouter l'attribut à l'élément, vous devez créer l'objet Attr et définir la valeur d'Attr.

Le résultat sera le même.

Exemple

Exemple 1

Définir le nœud d'attribut de la propriété class du premier élément <h1> :

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

Essayez-le vous-même

Avant la mise en place :

Hello World

Après la mise en place :

Hello World

Exemple 2

Définir le nœud d'attribut de l'attribut href de l'élément <a> :

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Essayez-le vous-même

Avant la mise en place :

Veuillez visiter codew3c.com

Après la mise en place :

Veuillez visiter codew3c.com

Syntaxe

element.setAttributeNode(newAttr)

Paramètre

Paramètre Description
newAttr Obligatoire. Représente le nœud Attr à ajouter ou whose value needs to be modified.

Retourne la valeur

Type Description
Objet

Représente l'objet Attr du nœud d'attribut remplacé.

Si aucune propriété n'est remplacée, alors null.

Lancer

Cette méthode va déclencher une exception DOMException contenant le code suivant :

Exception Description
INUSE_ATTRIBUTE_ERR newAttr Il est déjà membre de la collection d'attributs d'un autre nœud Element.
NO_MODIFICATION_ALLOWED_ERR Le nœud Element actuel est en lecture seule et ne permet pas de modifier ses attributs.
WRONG_DOCUMENT_ERR newAttr La propriété ownerDocument est différente du nœud Element à lequel elle doit être appliquée.

Support du navigateur

element.setAttributeNode() C'est une fonctionnalité de DOM Level 1 (1998).

Tous les navigateurs le supportent complètement :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support