JS动态修改图片的URL（src）的方法

2024-05-06 16:18:02

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS动态修改图片的URL(src)的方法,涉及javascript操作图片src属性的技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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" 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>