<title>Document</title>
<style>
img {
width: 600px;
}
</style>
</head>
<body>
<button id="lf">蒙奇D路飞</button>
<button id="sl">诺诺罗亚索隆</button>
<div>
<img src="images/timg (1).jpg" alt="" title="蒙奇D路飞">
</div>
<script>
// 修改元素属性 src
// 1.获取元素
var lf = document.getElementById('lf');
var sl = document.getElementById('sl');
var img = document.querySelector('img');
// 2.注册事件 处理程序
sl.onclick = function () {
img.src = 'images/timg.jpg';
img.title = '诺诺罗亚索隆';
}
lf.onclick = function () {
img.src = 'images/timg (1).jpg';
img.title = '蒙奇D路飞';
}
</script>
</body>
由于秃头桑的知识能力有限,如果有写的不对的地方,还请各位大佬批评指正,各位小伙伴如果有什么想和秃头桑说的欢迎在下方留言哦。