recherche

Maison >interface Web >js tutoriel >Méthode JS pour modifier dynamiquement l'URL (src) d'une compétence image_javascript

Méthode JS pour modifier dynamiquement l'URL (src) d'une compétence image_javascript

WBOY
WBOYoriginal
2016-05-16 16:06:272305parcourir

L'exemple de cet article décrit la méthode de modification dynamique de l'URL (src) d'une image à l'aide de JS. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Le code JS suivant peut modifier dynamiquement l'adresse de l'image pour afficher une nouvelle image. Ceci est en fait réalisé en modifiant l'attribut src de l'image

. 
<!DOCTYPE html>
<html>
<head>
<script>
function changeSrc()
{
document.getElementById("myImage").src="hackanm.gif";
}
</script>
</head>
<body>
<img id="myImage" src="compman.gif" width="107" height="98">
<br><br>
<input type="button" onclick="changeSrc()" value="Change image">
<p><b>Note:</b> The src property can be changed at any time. 
However, the new image inherits the height and width
attributes of the original image,
if not new height and width properties are specified.</p>
</body>
</html>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Méthode JS pour modifier dynamiquement les compétences iframe height et width_javascriptArticle suivant：Méthode JS pour modifier dynamiquement les compétences iframe height et width_javascript

Articles Liés

Voir plus