Gestion des attributs
JavaScript permet de manipuler les attributs des balises grâce à différentes méthodes.
Par exemple, ces attributs peuvent être:
L'attribut de nom
<input name="firstname">
L'attribut de styles
<div style="color: blue;">
L'attribut de statut
<input disabled="disabled">
Etc.
Mais ces méthodes servent généralement à manipuler les attributs de données, soit les data-*
setAttribute()
Permets d'ajouter un ou de changer la valeur d'un attribut d'un élément. Si l'attribut n'existe pas, celui-ci est créé. Dans le cas contraire, s'il existe déjà, la valeur est simplement mise à jour.
Deux paramètres doivent être spécifiés:
Le nom de l'attribut à définir
la valeur à attribuer à l'attribut
Par exemple, pour spécifier l'attribut de donnée correspondant à la saveur:
Inspectez l’émoji de crème glacée 🍦 afin d’apercevoir l’attribut data-flavor
se faire ajouter.
getAttribute()
Permets de récupérer la valeur d'un attribut en spécifiant simplement le nom de l'attribut désiré.
Par exemple, pour obtenir la valeur l'attribut de l'attribut correspondant à la saveur:
removeAttribute()
Permets de retirer un attribut à un élément en spécifiant simplement le nom de l'attribut à retirer.
Par exemple, pour retirer l'attribut correspondant à la saveur:
Inspectez l’émoji de crème glacée 🍦 afin d’apercevoir l’attribut data-flavor
se faire retirer.