這篇文章主要講解了“javascript如何改變src屬性值”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“javascript如何改變src屬性值”吧!
創新互聯是專業的依安網站建設公司,依安接單;提供網站建設、成都網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行依安網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!
javascript改變src屬性值的方法:1、使用setAttribute()方法,語法“元素對象.setAttribute("src","屬性值")”;2、利用HTML DOM對象的src屬性,語法“元素對象.src="屬性值"”。
本教程操作環境:windows7系統、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>
效果圖:
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屬性值
地址分享:http://m.newbst.com/article16/jespdg.html
成都網站建設公司_創新互聯,為您提供網站制作、App開發、建站公司、、企業建站、企業網站制作
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯