Maison > interface Web > js tutoriel > Comment obtenir le chemin de l'image en javascript

Comment obtenir le chemin de l'image en javascript

青灯夜游
Libérer: 2021-10-22 09:20:34
original
10601 Les gens l'ont consulté

Comment obtenir le chemin de l'image en JavaScript : 1. Utilisez la fonction getAttribute(), la syntaxe est "image object.getAttribute('src')" 2. Utilisez l'attribut src de l'objet Image

Comment obtenir le chemin de l'image en javascript

;

L'environnement d'exploitation de ce tutoriel : Système Windows7, javascript version 1.8.5, ordinateur Dell G3.

En HTML, les images sont insérées via l'attribut src de la balise img. L'attribut src spécifie le chemin URL pour afficher l'image.

Utiliser javascript pour obtenir le chemin de l'image consiste à utiliser javascript pour obtenir la valeur de l'attribut src de la balise img. Deux méthodes sont présentées ci-dessous :

Méthode 1 : utilisez la fonction getAttribute()

méthode getAttribute() pour obtenir la valeur de l'attribut par nom.

Syntaxe : Picture object.getAttribute('src')图片对象.getAttribute('src')

示例:

<img  id="img" src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" / alt="Comment obtenir le chemin de l'image en javascript" >
<script type="text/javascript">
	var img=document.getElementById("img");
	console.log(img.getAttribute("src"));
</script>
Copier après la connexion

输出结果:

Comment obtenir le chemin de limage en javascript

方法2:使用Image对象的src属性

语法:图片对象.src

Exemple :

<img  id="img" src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" / alt="Comment obtenir le chemin de l'image en javascript" >
<script type="text/javascript">
	var img=document.getElementById("img");
	console.log(img.src);
</script>
Copier après la connexion
Résultat de sortie :

Comment obtenir le chemin de limage en javascript

Comment obtenir le chemin de limage en javascript

Méthode 2 : Utiliser l'attribut src de l'objet Image


Syntaxe : Picture object.src

🎜Exemple : 🎜rrreee🎜Résultat de sortie : 🎜🎜🎜🎜🎜[Apprentissage recommandé : 🎜Tutoriel avancé 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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal