隐藏一个元素的方式

本文介绍了CSS中如何通过overflow、opacity、position和display属性实现元素隐藏,以及visibility、remove方法和DOM操作。重点讲解了这些技术在控制元素可见性和内存占用上的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、先设置宽高为0   然后设置overflow:hidden     设置后,它的区域是0*0,超出它的区域的子节点就会隐藏

2、设置透明度,  opacity:0    会同时设置它和它的子集节点们  设置为0使它们透明化

3、定位   position  然后设置偏移  让它偏移出body       absolute,relative,fixed三种都可以使用,只是偏移相对的对象不同  

4、display:none   设置为none元素会隐藏但是它的节点对象还在文档树中所有还占有着内存

5、通过remove方法移除元素   baba.removeChild(son1)   wo.remove()

6、visibility:hidden    可见度设置   与overflow区别在于隐藏后依旧占有区域,和opacity差不多,这三个都是隐藏后依旧在文档树中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值