JavaScript怎麼改變src路徑
- 青灯夜游原創
- 2022-01-18 16:24:365541瀏覽
JavaScript改變src路徑的方法：1、利用元素物件的src屬性，語法「元素物件.src="新路徑位址";」；2、利用setAttribute()方法，語法「元素物件. setAttribute("src","新路徑位址");」。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript改變src路徑
#方法1：利用元素物件的src屬性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<img id="img" src="img/1.jpg" style="max-width:90%"/ alt="JavaScript怎麼改變src路徑" ><br>
<button onclick="myFunction()">更改src的路径（换图）</button>
<script>
function myFunction() {
var img=document.getElementById("img");
img.src="img/2.jpg";
}
</script>
</body>
</html> 
方法2：利用setAttribute()方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<img id="img" src="img/1.jpg" style="max-width:90%"/ alt="JavaScript怎麼改變src路徑" ><br>
<button onclick="myFunction()">更改src的路径（换图）</button>
<script>
function myFunction() {
var img=document.getElementById("img");
img.setAttribute("src","img/3.jpg");
}
</script>
</body>
</html>
【相關推薦：javascript學習教程】
以上是JavaScript怎麼改變src路徑的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn