Hello World

Après avoir défini l'attribut:

Hello World

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

Le setAttribute() méthode ajoute le specified attribut à un élément, et il donne la valeur spécifiée.

Si le specified attribut existe déjà, seule la valeur est définie / modifiée.

Note: Bien qu'il soit possible d'ajouter le style de l' attribut 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 un style en ligne, parce que cela ne va pas écraser les autres propriétés CSS qui peuvent être spécifiées dans le style de l' attribut:

Mal:

element .setAttribute("style", "background-color: red;");

Bien:

element .style.backgroundColor = "red";

Conseil: Utiliser la removeAttribute() méthode pour supprimer un attribut d'un élément.

Astuce: Voir aussi la setAttributeNode() méthode.

Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.

méthode
setAttribute()	Oui	9.0	Oui	Oui	Oui

Syntaxe

element .setAttribute( attributename , attributevalue )

Les valeurs des paramètres

Paramètre	Type	La description
attributename	String	Champs obligatoires. Le nom de l'attribut que vous souhaitez ajouter
attributevalue	String	Champs obligatoires. La valeur de l'attribut que vous souhaitez ajouter

Détails techniques

Valeur de retour:	Aucune valeur de retour
version DOM	Niveau de base 1 Élément objet

autres exemples

Exemple

Modifier un champ de saisie à un bouton d'entrée:

document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");

Avant de l'attribut:

Après avoir défini l'attribut:

Essayez vous - même »

Exemple

Ajouter un attribut href avec une valeur de "www.w3ii.com" à un <a> élément:

document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com");

Avant de l'attribut:

Go to w3ii.com

Après avoir défini l'attribut:

Go to w3ii.com

Essayez vous - même »

Exemple

Pour savoir si un <a> élément a un attribut cible. Si oui, modifiez la valeur de la target attribuer à "_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");
}

Essayez vous - même »