Retour au cours

Modifier les attributs : getAttribute, setAttribute, removeAttribute

JavaScript : Le cours complet pour débutant, de « Zéro à Héros »

82. Modifier les attributs des éléments

Les attributs (comme href, class, src, id) définissent les caractéristiques d'un élément HTML. JavaScript fournit des méthodes pour les gérer.

1. Obtenir des attributs : getAttribute()

Récupère la valeur d'un attribut spécifique.

html Un espace réservé

javascript const image = document.getElementById('photo');

let currentSrc = image.getAttribute('src'); // default.jpg console.log(currentSrc);

2. Définir des attributs : setAttribute()

Définit ou modifie la valeur d'un attribut.

javascript image.setAttribute('src', 'user-profile.png'); image.setAttribute('alt', 'Photo de profil utilisateur');

// Définir un attribut de données personnalisé image.setAttribute('data-id', 456);

3. Supprimer des attributs : removeAttribute()

Supprime entièrement l'attribut spécifié.

javascript image.removeAttribute('alt');