communauté Apprendre Bibliothèque d'outils Loisirs

Français

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

Libérer： 2016-05-16 16:06:27

original

2284 Les gens l'ont consulté

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>

Copier après la connexion

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

Étiquettes associées：

js src url Modification dynamique 图片

source：php.cn

Article précédent：Méthode JS pour modifier dynamiquement les compétences iframe height et width_javascript Article suivant：Méthode JS pour obtenir l'attribut longdesc dans les compétences iframe_javascript

Déclaration de ce site Web

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

Derniers articles par auteur