小編給大家分享一下javascript如何獲取圖片的路徑，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到召陵網(wǎng)站設(shè)計(jì)與召陵網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋召陵地區(qū)。

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')

示例：

	var img=document.getElementById("img");
	console.log(img.getAttribute("src"));

輸出結(jié)果：

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

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

示例：

	var img=document.getElementById("img");
	console.log(img.src);

輸出結(jié)果：

看完了這篇文章，相信你對(duì)“javascript如何獲取圖片的路徑”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！