Maison > Article > interface Web > Comment changer l'adresse du lien de l'image avec javascript
Comment changer l'adresse du lien de l'image avec javascript
- 王林original
- 2021-11-09 15:43:347259parcourir
Méthode Javascript pour changer l'adresse du lien de l'image : [window.onload = function () {ImageSrc();} function ImageSrc() { var imgs = document.getEleme...].
L'environnement d'exploitation de cet article : système windows10, javascript 1.8.5, ordinateur thinkpad t480.
La méthode de mise en œuvre spécifique pour modifier l'adresse du lien de l'image à l'aide de JavaScript :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
window.onload = function () {
ImageSrc();
}
function ImageSrc() {
var imgs = document.getElementsByClassName("ArticleBody")[0].getElementsByTagName("img");
for (var i = 0, l = imgs.length; i < l; i++) {
imgs[i].src = imgs[i].src.replace("gjbt", "www"); //img[i].src is the reference to the image.
}
}
</script>
</head>
<body>
<div class="ArticleBody">
<img src="image/01.jpg" />
<img src="image/04.jpg" />
<img src="image/02.jpg" />
<img src="image/03.jpg" />
</div>
</body>
</html>Apprentissage recommandé : Tutoriel vidéo javascript
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
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：Comment implémenter la fonction de réinitialisation en JavaScriptArticle suivant：Comment implémenter la fonction de réinitialisation en JavaScript