JS動態修改圖片的URL（src）的方法_javascript技巧
- WBOY原創
- 2016-05-16 16:06:272262瀏覽
本文實例講述了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>
希望本文所述對大家的javascript程式設計有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn