JS动态修改图片的URL(src)的方法_Javascript教程-查字典教程网
JS动态修改图片的URL(src)的方法
JS动态修改图片的URL(src)的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了JS动态修改图片的URL(src)的方法。分享给大家供大家参考。具体如下:下面的JS代码可以动态修改图片地址,以显示一张新的图...

本文实例讲述了JS动态修改图片的URL(src)的方法。分享给大家供大家参考。具体如下:

下面的JS代码可以动态修改图片地址,以显示一张新的图片,实际上是通过修改图片的src属性来实现的

<!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" 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>

希望本文所述对大家的javascript程序设计有所帮助。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类