Cambia origine immagine JavaScript

Questo tutorial introdurrà come modificare l’origine o src di un’immagine utilizzando la proprietà src in JavaScript.

Cambia la sorgente di un’immagine usando la proprietà src in JavaScript

Per cambiare la sorgente o src di un’immagine, devi aggiungere un id o una classe al tag dell’immagine. Puoi ottenere l’elemento immagine usando il nome di id o classe, e puoi cambiare la sorgente o src dell’immagine usando la proprietà src. Vedi il codice di esempio qui sotto.

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

Nel codice sopra, usiamo la funzione getElementById() per ottenere l’elemento usando il suo id e poi cambiando la sua sorgente usando la proprietà src. Puoi anche usare il nome della classe per ottenere l’elemento usando la funzione getElementByClassName(). Puoi mettere l’id del tag immagine al posto di myImageId e la nuova fonte o src dell’immagine al posto di newSource.png nel codice.