通过找到img这个元素,然后再找到这个元素里的src属性,就可以查看,更改这个属性了
1)原生js
元素.setAttribute() //增加,更改属性,有两个参数,第一个参数是属性名,第二个是值.
元素.getAttribute() //传入属性名,获得该属性对应的值
2)Jquery(需要导包)
元素.attr()//可传两个参数,传一个为获取该属性的值,传两个位增加 或 更改这个属性.
举个例子:
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<img src="6.jpg">
<script src="jquery-2.1.1.min.js"></script>
<script>
//原生js
document.getElementsByTagName('img')[0].setAttribute('name','myimg')//没'name'属性,添加'name'属性,值为'myimg'
document.getElementsByTagName('img')[0].setAttribute('src','7.jpg')//以有'src'属性,更改值为'7.jpg',达到换图片的目的
document.getElementsByTagName('img')[0].getAttribute('src')//返回'src'的值,'7.jpg'
//Jquery
$('img').attr('src','6.jpg')//把src属性更改为'6.jpg'
$('img').attr('src')//获得src属性为'6.jpg'
</script>
</body>
</html>
先给图片标签<img>赋个ID如<imgid="s"/>
然后在JS里写document.getElementById("s").src=图片路径就可以了
