javascript獲取圖片路徑的方法：1、使用getAttribute()函數(shù)，語(yǔ)法“圖片對(duì)象.getAttribute('src')”；2、使用Image對(duì)象的src屬性

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

HTML中，圖片是通過(guò)img標(biāo)簽的src屬性插入的，src屬性規(guī)定顯示圖像的URL路徑。

利用javascript獲取圖片路徑，就是利用javascript獲取img標(biāo)簽的src屬性的值。下面介紹兩種方法：

方法1：使用getAttribute()函數(shù)

getAttribute() 方法通過(guò)名稱獲取屬性的值。

語(yǔ)法：圖片對(duì)象.getAttribute('src')

示例：

<img id="img" src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" /> <script type="text/javascript"> 	var img=document.getElementById("img"); 	console.log(img.getAttribute("src")); </script>

輸出結(jié)果：

方法2：使用Image對(duì)象的src屬性

語(yǔ)法：圖片對(duì)象.src

示例：

<img id="img" src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" /> <script type="text/javascript"> 	var img=document.getElementById("img"); 	console.log(img.src); </script>

輸出結(jié)果：

【推薦學(xué)習(xí)：javascript高級(jí)教程】