Méthode HTML DOM setAttribute()
❮ L'objet élémentExemple
Ajoutez l'attribut class avec la valeur "democlass" à un élément <h1> :
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
Avant de définir l'attribut :
Hello World
Après avoir défini l'attribut :
Hello World
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La méthode setAttribute() ajoute l'attribut spécifié à un élément et lui donne la valeur spécifiée.
Si l'attribut spécifié existe déjà, seule la valeur est définie/modifiée.
Remarque : Bien qu'il soit possible d'ajouter l'attribut style avec une valeur à un élément avec cette méthode, il est recommandé d'utiliser les propriétés de l'objet Style à la place pour le style en ligne, car cela n'écrasera pas les autres propriétés CSS qui peuvent être spécifiées dans l'attribut style :
Mal:
element.setAttribute("style", "background-color: red;");
Bon:
element.style.backgroundColor = "red";
Astuce : Utilisez la méthode removeAttribute() pour supprimer un attribut d'un élément.
Astuce : Voir aussi la méthode setAttributeNode() .
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode.
Method | |||||
---|---|---|---|---|---|
setAttribute() | Yes | 8.0 | Yes | Yes | Yes |
Syntaxe
element.setAttribute(attributename, attributevalue)
Valeurs des paramètres
Parameter | Type | Description |
---|---|---|
attributename | String | Required. The name of the attribute you want to add |
attributevalue | String | Required. The value of the attribute you want to add |
Détails techniques
Valeur de retour : | Aucune valeur de retour |
---|---|
Version DOM | Objet élément de niveau 1 de base |
Plus d'exemples
Exemple
Changez un champ de saisie en bouton de saisie :
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Avant de définir l'attribut :
Après avoir défini l'attribut :
Exemple
Ajoutez un attribut href avec une valeur de "www.w3schools.com" à un élément <a> :
document.getElementById("myAnchor").setAttribute("href", "https://www.w3schools.com");
Avant de définir l'attribut :
Après avoir défini l'attribut :
Exemple
Découvrez si un élément <a> a un attribut cible. Si c'est le cas, changez la valeur de l'attribut cible en "_self":
// Get the <a> element with id="myAnchor"
var x = document.getElementById("myAnchor");
// If the <a> element has a target attribute, set the value to "_self"
if (x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}
Pages connexes
Tutoriel HTML : Attributs HTML
Référence HTML DOM : méthode getAttribute()
Référence HTML DOM : méthode hasAttribute()
Référence HTML DOM : méthode removeAttribute()
❮ L'objet élément