Changer la source de l'image JavaScript

Ce tutoriel va vous présenter comment changer la source ou src d’une image en utilisant la propriété src en JavaScript.

Changer la source d’une image à l’aide de la propriété src en JavaScript

Pour changer la source ou src d’une image, vous devez ajouter un id ou une class à la balise image. Vous pouvez obtenir l’élément image en utilisant le nom de id ou class, et vous pouvez modifier la source ou src de l’image en utilisant la propriété src. Voir l’exemple de code ci-dessous.

document.getElementById('myImageId').src = 'newSource.png';

Dans le code ci-dessus, nous utilisons la fonction getElementById() pour obtenir l’élément en utilisant son id, puis en modifiant sa source en utilisant la propriété src. Vous pouvez également utiliser le nom de la classe pour obtenir l’élément à l’aide de la fonction getElementByClassName(). Vous pouvez mettre le id de la balise image à la place du myImageId et la nouvelle source ou src de l’image à la place du newSource.png dans le code.