点击按钮切换图片_asnone0的博客-爱代码爱编程
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
img{
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<img src="022.jpg" alt="">
<button id="dh">好看吗达令</button>
<button id="dl">吃糖吗达令</button>
<script type="text/javascript">
var dh = document.getElementById('dh');
var dl = document.getElementById('dl');
var img = document.querySelector('img');
dh.onclick = function(){
img.src = '022.jpg';
}
dl.onclick =function(){
img.src = '024.jpg';
}
</script>
</body>
</html>