修改图片中的src和title属性,示例:
<button id="btn1">喻言美图1</button>
<button id="btn2">喻言美图2</button><br>
<img src="img/1.jpg" alt="" title="喻言美图1">
<script>
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var imgs = document.querySelector("img");
// 修改元素属性src和title
btn2.onclick = function(){
imgs.src = "img/2.jpg";
imgs.title = "喻言美图2";
}
btn1.onclick = function(){
imgs.src = "img/1.jpg";
imgs.title = "喻言美图1";
}
</script>