<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button >隐藏</button>
<br>
<img src="img/1.jpeg" >
<script>
var obtn=document.getElementById('btn');
var img=document.getElementsByTagName('img')[0];
//获取出img集合中的索引为0的照片
obtn.onclick=function(){
if(obtn.innerHTML=='隐藏')
{
img.style.display='none';
obtn.innerHTML="显示";
如果相等则改变obtn的文字为显示
}
else
{
img.style.display='block';
obtn.innerHTML="隐藏";
如果不相等则改变obtn的文字为隐藏
}
}
</script>
</body>
</html>