javascript 修改图片路径

发布时间:2019-10-02编辑:脚本学堂
javascript脚本改变图片路径的方法,js自定义函数中用document.getElementById获取图片,对属性src赋值,以改变图片路径即文件名称。

完整代码:
 

复制代码 代码示例:
<!DOCTYPE html>
<html>
<head>
<title>使用js改变图片 - www.plcxue.com</title>
<script>
function changeImage() {
var element = document.getElementById('myimage');
element.src = "/image/a/3cmla1pp.jpg";
}
</script>
<body>
</head>
<h1>使用js改变图片</h1>
<p>请点击按钮 <a href="/a/bjad/9isr0eoy.htm">原文</a></p>
<img id="myimage" src="/image/a/q5l1xnmf.jpg" alt="足球宝贝" />
<input name="keleyi" type='button' value="改变图片" onclick="changeImage()">
</body>
</html>