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

Comment obtenir le chemin de l'image en javascript

青灯夜游
青灯夜游original
2021-10-14 16:07:1610487parcourir

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>

输出结果:

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>

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!

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