目录结构:
代码:
// 1.获取事件源
var btn = document.getElementById("btn");
var img = document.getElementsByTagName("img")[0];
// var isShow = true;
// 2.绑定事件
btn.onclick = function() {
// 3. 事件驱动程序
if(btn.innerHTML === "隐藏"){
img.style.display = "none";
btn.innerHTML = "显示";
// isShow = false;
} else {
img.style.display = "block";
btn.innerHTML = "隐藏";
// isShow = true;
}
}
样式:
- 如果这篇文章对你有所帮助,请记得点个赞哦~