Maison  >  Article  >  interface Web  >  Comment changer src en javascript

Comment changer src en javascript

醉折花枝作酒筹
醉折花枝作酒筹original
2021-04-13 15:40:557543parcourir

Comment changer src en JavaScript : utilisez d'abord l'instruction "document.getElementById("id value")" pour obtenir l'objet élément en fonction de la valeur id spécifiée, puis utilisez l'attribut src pour modifier la valeur src ; de l'élément, la syntaxe est "element object. src="value";".

Comment changer src en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Créez un nouveau fichier html, nommé test.html, pour expliquer comment JavaScript peut modifier dynamiquement l'attribut src de la balise img.

Comment changer src en javascript

Dans le fichier test.html, utilisez la balise img pour créer une image et définissez son attribut id sur mypic, qui est principalement utilisé pour obtenir l'objet image en utilisant js ci-dessous .

Comment changer src en javascript

Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom du bouton "Modifier l'attribut src".

Comment changer src en javascript

Dans le fichier test.html, liez l'événement onclick au bouton du bouton Lorsque vous cliquez sur le bouton, exécutez la fonction cc().

Comment changer src en javascript

Dans le fichier test.html, dans la balise js, créez une fonction cc() Au sein de la fonction, utilisez la méthode getElementById() pour obtenir l'objet image par. identifiant.

Comment changer src en javascript

Dans la fonction cc(), modifiez l'attribut src de l'image en attribuant une valeur à l'attribut src de l'objet img. Par exemple, définissez l'attribut src de. l'image en 3.jpg .

Comment changer src en javascript

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

Comment changer src en javascript

Comment changer src en javascript

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