Méthode createAttribute() du Document DOM HTML

Définition et utilisation

code>createAttribute() La méthode crée une propriété et la retourne en tant qu'objet Attr.Solution alternative :

Utilisation Méthode setAttribute() C'est plus facile.

Veuillez également consulter :

Méthode setAttribute()

Méthode valeur d'attribut

Méthode setAttributeNode()

Exemple

Exemple 1

// Créer l'attribut class :
const att = document.createAttribute("class");
// Définir la valeur de l'attribut class :
att.value = "democlass";
// Ajouter l'attribut class au premier h1 :
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

essayez-le vous-même

Exemple 2

// Créer l'attribut style :
const att = document.createAttribute("style");
// Définir la valeur de l'attribut style :
att.value = "color:red";
// Ajouter l'attribut style au premier h1 :
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

essayez-le vous-même

Exemple 3

Ajouter l'attribut href="www.codew3c.com" à l'élément anchor :

// Créer l'attribut href :
const att = document.createAttribute("href");
// Définir la valeur de l'attribut href :
att.value = "https://www.codew3c.com";
// Ajouter l'attribut href à l'élément :
element.setAttributeNode(att);

essayez-le vous-même

syntaxe

document.createAttribute(name)

paramètres

paramètres description
name obligatoire. Le nom de l'attribut à créer.

valeur de retour

type description
nœud nouveau nœud d'attribut créé. L'attribut nadeName est réglé sur name.

lancer

Si le nom contient des caractères non autorisés, cette méthode lancera un code INVALID_CHARACTER_ERR l'exception DOMException.

support du navigateur

document.createAttribute() C'est une caractéristique du niveau 1 du DOM (1998).

Tous les navigateurs le supportent :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
supporté 9-11 supporté supporté supporté supporté