javascript改变图片地址的方法：1、使用“document.getElementById("id")”语句根据指定id值获取图片对象；2、使用“图片对象.setAttribute("src","新图片地址");”语句来改变图片地址。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript改变图片地址的方法
实现思想：
首先获取img图片对象（ 标签定义 HTML 页面中的图像。）
立即学习“Java免费学习笔记（深入）”；
然后使用setAttribute()方法重新设置src属性的值即可（img 标签的 src 属性规定图像的 URL。）
新视窗企业管理系统是一款小巧、实用、利于后续开发的ASP程序。适合大中小型企业的网站建设。1、新闻管理 2、产品管理 3、订单管理 4、广告管理 5、下载管理 6、留言管理 8、单页栏目(如企业简介,资质荣誉)9、人才招聘等等。 新视窗企业管理系统 5.1 更新日志:1、修改产品列表的图片自动缩略，防止图片变形.2、修改后台添加产品分类时，排序ID不写入数据库的错误.3、修改首页企业简介的链接地址
1
setAttribute() 方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值。
实现代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
@@##@@<br>
<button onclick="myFunction()">更改图片地址</button>
<script>
function myFunction() {
var img=document.getElementById("img");
img.setAttribute("src","img/4.jpg");
}
</script>
</body>
</html>【相关推荐：javascript学习教程】
以上就是javascript怎么改变图片地址的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
255
收藏
