onclick 怎么实现点击一下 display:block 再点击一下 display:none 谢谢
1个回答
展开全部
放一个button吧,要不display:none之后还怎么点呢?
<script>
function show_div(){
var obj=document.getElementById('test_div');
var btn=document.getElementById('show_btn');
if(obj.style.display=='none'){
obj.style.display='block';
btn.innerHTML='hide';
}else{
obj.style.display='none';
btn.innerHTML='show';
}
}
</script>
<button id='show_btn' onclick="show_div()">show</button>
<div id='test_div' style='display:none;border:thin solid #F00;'>这里是测试用的div</div>
<script>
function show_div(){
var obj=document.getElementById('test_div');
var btn=document.getElementById('show_btn');
if(obj.style.display=='none'){
obj.style.display='block';
btn.innerHTML='hide';
}else{
obj.style.display='none';
btn.innerHTML='show';
}
}
</script>
<button id='show_btn' onclick="show_div()">show</button>
<div id='test_div' style='display:none;border:thin solid #F00;'>这里是测试用的div</div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询