Comment obtenir le chemin de l'image en javascript

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

;

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>

输出结果：

方法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 :

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!