javascript如何改變src屬性值

這篇文章主要講解了“javascript如何改變src屬性值”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“javascript如何改變src屬性值”吧！

創(chuàng)新互聯是專業(yè)的依安網站建設公司，依安接單;提供網站建設、成都網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行依安網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!

javascript改變src屬性值的方法：1、使用setAttribute()方法，語法“元素對象.setAttribute("src","屬性值")”；2、利用HTML DOM對象的src屬性，語法“元素對象.src="屬性值"”。

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

javascript改變src屬性值

方法1：使用setAttribute()方法

setAttribute() 方法添加指定的屬性，并為其賦指定的值。

如果這個指定的屬性已存在，則僅設置/更改值。

示例：

<!DOCTYPE html>
<html>
<body>

<img src="img/1.jpg" width="200"/>

<p id="demo">點擊按鈕來改變img標簽src屬性的值。</p>

<button onclick="myFunction()">試一下</button>

<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg"); 
}
</script>

</body>
</html>

效果圖：

javascript如何改變src屬性值

2、使用HTML DOM對象的src屬性

<!DOCTYPE html>
<html>
<body>

<img src="img/1.jpg" width="200"/>

<p id="demo">點擊按鈕來改變img標簽src屬性的值。</p>

<button onclick="myFunction()">試一下</button>

<script>
function myFunction()
{
document.getElementsByTagName("img")[0].src="img/3.jpg"; 
}
</script>

</body>
</html>

效果圖：

javascript如何改變src屬性值

感謝各位的閱讀，以上就是“javascript如何改變src屬性值”的內容了，經過本文的學習后，相信大家對javascript如何改變src屬性值這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

當前名稱：javascript如何改變src屬性值
地址分享：http://aaarwkj.com/article16/jespdg.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站制作、App開發(fā)、建站公司、、企業(yè)建站、企業(yè)網站制作

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

javascript如何改變src屬性值