用JS写一个显示与隐藏的按钮
HTML代码:
<button id="toggle-btn">显示/隐藏</button>
<div id="content">这是要显示和隐藏的内容</div>
JS代码:
var toggleBtn = document.getElementById("toggle-btn");
var content = document.getElementById("content");
toggleBtn.addEventListener("click", function(){
if(content.style.display === "none"){
content.style.display = "block";
} else {
content.style.display = "none";
}
});
CSS代码:
#content {
display: none;
}
效果:点击按钮可以显示或隐藏id为content的元素。
原文地址: https://www.cveoy.top/t/topic/8S3 著作权归作者所有。请勿转载和采集!