代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>显示和隐藏</title>
<script>
window.onload = function () {
var btn = document.getElementById("btn");
var img = document.getElementsByTagName("img")[0];
var flag = true;
btn.onclick = function () {
if(flag){
img.style.display = "none";
btn.innerHTML = "显示";
flag = false;
}else{
img.style.display = "block";
btn.innerHTML = "隐藏";
flag = true;
}
}
}
</script>
</head>
<body>
<img src="./image/girl.jpg" alt=""><br>
<button id="btn">隐藏</button>
</body>
</html>
结构
结果
