html 将部分内容隐藏/显示

您所在的位置:网站首页 html隐藏标签disable html 将部分内容隐藏/显示

html 将部分内容隐藏/显示

2023-09-15 07:18| 来源: 网络整理| 查看: 265

最近在做网页(一群完全不会网页的人不知道哪来的自信去水网页设计比赛),需要实现一部分内容的点击展开,就像评论区——展开所有评论。所以上网搜了一下html内容的隐藏和实现,基本上都是用的visibility和display:

1)div的visibility控制div的隐藏和显示

缺点:隐藏后页面显示空白

style="visibility: none;"   document.getElementById("typediv1").style.visibility="hidden";//隐藏   document.getElementById("typediv1").style.visibility="visible";//显示

2)设置display属性   可以是div隐藏后释放占用的页面空间

style="display: none;"   document.getElementById("typediv1").style.display="none";//隐藏   document.getElementById("typediv1").style.display="";//显示

但是,这种回答对于我这种一边写网页一遍学习,没有看过html的人还说,着实有些懵逼,但是幸好又看到另一个。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3