JS写法：
var $box2=document.getElementById("box2")$box2.src="img/12.png"
jQuery写法：
var $img=$("#img")$img.attr('src',"img/12.png")
用setAtrribute()方法
举个例子
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="1.jpg" alt="">
<script>
//获取到图片标签标签
var img = document.getElementsByTagName("img")[0]
//设置图片路径
img.setAttribute("src","2.jpg")
</script>
</body>
</html>
使用js，读取其中一个图片的路径，并把该图片的路径赋值给另一个图片。2
/7
首先，创建一个文本文件，将扩展名重命名为htm。
3
/7
打开文件进行编辑，首先，创建两个图片元素对象，分别将ID设置为imgA和imgB。
4
/7
给imgA设置src，使之产生图像。imgB不设置，使他没有图像。
5
/7
给imgA添加点击事件，点击后，将imgA的路径赋值给imgB。
6
/7
加入script代码如下：
<script type="text/javascript">
function getLuJing()
{
var lujing=document .getElementById("imgA").src
document .getElementById ("imgB").src=lujing
}
</script>
7
/7
运行效果如下：
