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:

1. Le nom de l'attribut à définir

2. la valeur à attribuer à l'attribut

Par exemple, pour spécifier l'attribut de donnée correspondant à la saveur:

CodePen | smnarnold 👀

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:

CodePen | smnarnold 👀