Exemple
Créer un attribut de classe, avec la valeur "democlass" , et l' insérer dans un <h1> élément:
var h1 = document.getElementsByTagName("H1")[0]; // Get the
first <h1> element in the document
var att =
document.createAttribute("class"); //
Create a "class" attribute
att.value = "democlass";
// Set the value of the class attribute
h1.setAttributeNode(att);
// Add the class attribute to <h1>Avant de créer l'attribut:
Hello World
Après avoir inséré l'attribut:
Hello World
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le createAttribute() méthode crée un attribut avec le nom spécifié, et retourne l'attribut comme un objet Attr.
Astuce: Utilisez l' attribut .value propriété pour définir la valeur de l'attribut.
Astuce: Utilisez l' élément. setAttributeNode() méthode pour ajouter l'attribut nouvellement créé à un élément.
Astuce: Souvent, vous voulez utiliser l' élément. setAttribute() méthode au lieu de la createAttribute() méthode.
Support du navigateur
| méthode | |||||
|---|---|---|---|---|---|
| createAttribute() | Oui | Oui | Oui | Oui | Oui |
Syntaxe
document.createAttribute( Les valeurs des paramètres Paramètre Type La description attributename Attr object Champs obligatoires. Le nom de l'attribut que vous voulez créer
Détails techniques
Valeur de retour: Un objet de noeud représentant le created attribut version DOM Niveau de base 1 Document Object
autres exemples
Exemple
Créer un attribut href, avec la valeur "www.w3ii.com" , et l' insérer dans un <a> élément:
var anchor = document.getElementById("myAnchor"); // Get the <a>
element with id="myAnchor"
var att = document.createAttribute("href");
// Create a "href" attribute
att.value = "http://www.w3ii.com";
// Set the value of the href attribute
anchor.setAttributeNode(att);
// Add the href attribute to <a> Avant de créer l'attribut:
Après avoir inséré l'attribut:
Essayez vous - même »