這篇文章主要介紹javascript如何改變圖片地址,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
公司主營業務:成都做網站、成都網站建設、成都外貿網站建設、移動網站開發等業務。幫助企業客戶真正實現互聯網宣傳,提高企業的競爭能力。成都創新互聯公司是一支青春激揚、勤奮敬業、活力青春激揚、勤奮敬業、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業文化,感謝他們對我們的高要求,感謝他們從不同領域給我們帶來的挑戰,讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創新互聯公司推出蘭州免費做網站回饋大家。
javascript改變圖片地址的方法:1、使用“document.getElementById("id")”語句根據指定id值獲取圖片對象;2、使用“圖片對象.setAttribute("src","新圖片地址");”語句來改變圖片地址。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
javascript改變圖片地址的方法
實現思想:
首先獲取img圖片對象(<img> 標簽定義 HTML 頁面中的圖像。)
然后使用setAttribute()方法重新設置src屬性的值即可(img 標簽的 src 屬性規定圖像的 URL。)
setAttribute() 方法添加指定的屬性,并為其賦指定的值。如果這個指定的屬性已存在,則僅設置/更改值。
實現代碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <img id="img" src="img/3.jpg" width="300"/><br> <button onclick="myFunction()">更改圖片地址</button> <script> function myFunction() { var img=document.getElementById("img"); img.setAttribute("src","img/4.jpg"); } </script> </body> </html>
以上是“javascript如何改變圖片地址”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創新互聯行業資訊頻道!
當前標題:javascript如何改變圖片地址
當前路徑:http://m.newbst.com/article22/jhspjc.html
成都網站建設公司_創新互聯,為您提供網站制作、靜態網站、面包屑導航、品牌網站建設、網站設計、企業網站制作
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯