Heim > Web-Frontend > js-Tutorial > Hauptteil

So erhalten Sie den Pfad des Bildes in Javascript

青灯夜游
Freigeben: 2021-10-22 09:20:34
Original
10519 Leute haben es durchsucht

So erhalten Sie den Bildpfad in JavaScript: 1. Verwenden Sie die Funktion getAttribute(), die Syntax lautet „image object.getAttribute('src')“ 2. Verwenden Sie das src-Attribut des Image-Objekts

So erhalten Sie den Pfad des Bildes in Javascript

Die Betriebsumgebung dieses Tutorials: Windows7-System, Javascript-Version 1.8.5, Dell G3-Computer.

In HTML werden Bilder über das src-Attribut des img-Tags eingefügt. Das src-Attribut gibt den URL-Pfad zur Anzeige des Bildes an.

Die Verwendung von Javascript zum Abrufen des Bildpfads bedeutet, dass Sie Javascript verwenden, um den Wert des src-Attributs des img-Tags abzurufen. Im Folgenden werden zwei Methoden vorgestellt:

Methode 1: Verwenden Sie die Funktion getAttribute()

getAttribute(), um den Wert des Attributs anhand des Namens abzurufen.

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

示例:

<img  id="img" src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" / alt="So erhalten Sie den Pfad des Bildes in Javascript" >
<script type="text/javascript">
	var img=document.getElementById("img");
	console.log(img.getAttribute("src"));
</script>
Nach dem Login kopieren

输出结果:

So erhalten Sie den Pfad des Bildes in Javascript

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

语法:图片对象.src

Beispiel:

<img  id="img" src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" / alt="So erhalten Sie den Pfad des Bildes in Javascript" >
<script type="text/javascript">
	var img=document.getElementById("img");
	console.log(img.src);
</script>
Nach dem Login kopieren
Ausgabeergebnis:

So erhalten Sie den Pfad des Bildes in Javascript

So erhalten Sie den Pfad des Bildes in Javascript

Methode 2: Verwenden Sie das src-Attribut des Image-Objekts


Syntax: Picture object.src

🎜Beispiel: 🎜rrreee🎜Ausgabeergebnis: 🎜🎜🎜🎜🎜[Empfohlenes Lernen: 🎜Javascript-Tutorial für Fortgeschrittene🎜]🎜

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Pfad des Bildes in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage