Questo post discuterà come modificare l'origine dell'immagine in JavaScript e jQuery.
1. Utilizzo di jQuery
Con jQuery, puoi usare il file .attr() metodo per modificare l'attributo src dell'elemento immagine. L'esempio seguente lo dimostra.
JS
|
1 2 3 4 5 |
$(document).ready(function() { $("button").click(function() { $("#container").attr("src", url); }); }); |
HTML
|
1 2 |
<img id="container" src='https://avatars0.githubusercontent.com/u/70142'/> <button>Refesh</button> |
2. Utilizzo di JavaScript
In puro JavaScript, puoi fare come:
JS
|
1 2 3 |
document.querySelector("button").onclick = function() { document.getElementById("container").src = url; } |
HTML
|
1 2 |
<img id="container" src='https://avatars0.githubusercontent.com/u/70142'/> <button>Refesh</button> |
Si tratta di modificare l'origine dell'immagine in JavaScript e jQuery.