版权声明：原创内容是本人学习总结，仅限学习使用，禁止用于其他用途。如有错误和不足，欢迎评论指正补充。 https://blog.csdn.net/qian_qian_123/article/details/83277511
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>对样式进行操作</title>
<script type="text/javascript">
function imageChange(img) {
document.getElementById("src1").setAttribute("src", img);
}
function getImageURL() {
var i = document.getElementById("src1").getAttribute("src");
alert(i);
}
</script>
</head>
<body>
<!--对属性进行操作-->
<img src="" id="src1" /><br />
<input type="button" value="获取当前图片的地址" onclick="getImageURL()" />
<input type="button" id="btn1" class="btn" value="1" onclick="imageChange('img/1.jpg')" />
<input type="button" id="btn2" class="btn" value="2" onclick="imageChange('img/2.jpg')" />
<input type="button" id="btn3" class="btn" value="3" onclick="imageChange('img/3.jpg')" />
<input type="button" id="btn4" class="btn" value="4" onclick="imageChange('img/4.jpg')" />
</body>
</html>