1.源代码<body>部分
<body>
<input type="button" value="隐藏" id="btn"/>
<input type="button" value="显示" id="btn2"/>
<div id="dv">
</div>
</body>
2.css部分
<style>
div{
width: 300px;
height: 200px;
background-color:#110E0E;
}
</style>
3.js部分
<script>
// 第三题 点击按钮设置div隐藏和显示
var btn = document.getElementById("btn");
var btn2 = document.getElementById("btn2");
var dv = document.getElementById("dv");
btn.onclick = function(){
dv.style.display = "none"
}
btn2.onclick = function(){
dv.style.display = "block"
dv.style.background-color:erd;
}
</script>
4.效果图
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
