Document HTML DOM createAttribute()
Exemples
// Create a class attribute:
const att = document.createAttribute("class");
// Set the value of the class attribute:
att.value = "democlass";
// Add the class attribute to the first h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);
// Create a style attribute:
const att = document.createAttribute("style");
// Set the value of the style attribute:
att.value = "color:red";
// Add the style attribute to the first h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);
Plus d'exemples ci-dessous.
Définition et utilisation
La createAttribute()
méthode crée un attribut et le renvoie sous la forme d'un objet Attr.
Alternative:
Il est plus simple d'utiliser la méthode element .setAttribute() .
Voir également:
La méthode Element setAttribute()
Syntaxe
document.createAttribute(name)
Paramètres
Parameter | Description |
name | Required. The name of the attribute to create. |
Valeur de retour
Taper | La description |
Nœud | Le nœud d'attribut créé. |
Plus d'exemples
Ajoutez un attribut href="www.w3schools.com" à un élément d'ancrage :
// Create a href attribute:
const att = document.createAttribute("href");
// Set the value of the href attribute:
att.value = "https://www.w3schools.com";
// Add the href attribute to an element:
element.setAttributeNode(att);
Prise en charge du navigateur
document.createAttribute()
est une fonctionnalité DOM niveau 1 (1998).
Il est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |