Heim > Artikel > Web-Frontend > So erhalten Sie den Pfad des Bildes in Javascript
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
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>
输出结果:
方法2:使用Image对象的src属性
语法:图片对象.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.src); </script>Ausgabeergebnis:
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!