<title>图片转换</title>
<style>
img{
height: 200px;
}
</甩头yle>
</head>
<body>
<button id="zxy">张学友</NOtton>
<button id="lsb">梁山伯</NOtton>
<button id="ldh">刘德华</NOtton>
<br><br>
<img src="../图片/刘德华.jpg" title="刘德华" alt="">
<script>
// let btn = document.querySelector('button')
// let div = document.querySelector('div')
// btn.onclick = function () {
// alert('点秋香')
// }
let lsb=document.getElementById('lsb')
let zxy=document.getElementById('zxy')
let ldh=document.getElementById('ldh')
let img=document.querySelector('img')
lsb.onclick=function(){
img.src="../图片/梁山伯.jpg";
img.title='梁山伯';
}
zxy.onclick=function(){
img.src='../图片/1张学友.jpg';
img.title='张学友';
}
ldh.onclick=function(){
img.src='../图片/刘德华.webp';
img.title='刘德华';
}
</script>
图片转换
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。