javascript怎麼設定img src值
- 青灯夜游原創
- 2021-11-03 15:34:4715887瀏覽
設定方法：1、利用元素物件的src屬性，語法「img元素物件.src="屬性值"」；2、利用setAttribute()方法，語法「img元素物件.setAttribute("src ","屬性值")」。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
javascript設定img src值
#方法1：利用元素物件的src屬性
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" style="max-width:90%" / alt="javascript怎麼設定img src值" >
<p id="demo">点击按钮来改变img标签的内容。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction() {
var img = document.getElementsByTagName("img")[0];
img.src = "img/2.jpg";
}
</script>
</body>
</html>效果圖：
方法2：利用setAttribute()方法
setAttribute() 方法新增指定的屬性，並為其賦指定的值。如果這個指定的屬性已存在，則僅設定/變更值。
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" style="max-width:90%" / alt="javascript怎麼設定img src值" >
<p id="demo">点击按钮来改变img标签的内容。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction() {
var img = document.getElementsByTagName("img")[0];
img.setAttribute("src","img/3.jpg");
}
</script>
</body>
</html>效果圖：
【推薦學習：javascript進階教學】
以上是javascript怎麼設定img src值的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn