溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下javascript如何獲取圖片的路徑，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
javascript獲取圖片路徑的方法：1、使用getAttribute()函數，語法“圖片對象.getAttribute('src')”；2、使用Image對象的src屬性
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
HTML中，圖片是通過img標簽的src屬性插入的，src屬性規定顯示圖像的URL路徑。
利用javascript獲取圖片路徑，就是利用javascript獲取img標簽的src屬性的值。下面介紹兩種方法：
方法1：使用getAttribute()函數
getAttribute() 方法通過名稱獲取屬性的值。
語法：圖片對象.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>輸出結果：
方法2：使用Image對象的src屬性
語法：圖片對象.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>輸出結果：
看完了這篇文章，相信你對“javascript如何獲取圖片的路徑”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
