文實(shí)例講述了JS動(dòng)態(tài)修改圖片的URL(src)的方法。分享給大家供大家參考。具體如下:
下面的JS代碼可以動(dòng)態(tài)修改圖片地址,以顯示一張新的圖片,實(shí)際上是通過修改圖片的src屬性來實(shí)現(xiàn)的
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html> <head> <script> function changeSrc() { document.getElementById( "myImage" ).src= "hackanm.gif" ; } </script> </head> <body> <img id= "myImage" src= "compman.gif" width= "107" height= "98" > <br><br> <input type= "button" onclick= "changeSrc()" value= "Change image" > <p><b>Note:</b> The src property can be changed at any time. However, the new image inherits the height and width attributes of the original image, if not new height and width properties are specified.</p> </body> </html> |