HTML5--Hidden属性

最新推荐文章于 2022-05-18 11:07:00 发布

zhailulu

最新推荐文章于 2022-05-18 11:07:00 发布

阅读量1.1w

点赞数 1

分类专栏： Javascript html5 文章标签： html5 class 浏览器 html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/zhailulu/article/details/6367074

版权

Javascript 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

13 篇文章 0 订阅

订阅专栏

HTML5 hidden属性是个boolean属性。所有HTML元素可以设置hidden属性，可设置值true或false，当设置为true时浏览器将不渲染该元素。当设置为false则渲染该元素。相比之前用的display：none/block要方便快捷多了。

例如：

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <title><title> </head> <div class="show"> <p>显示文字显示文字显示文字</p> </div> <div class="hidden" hidden> <p>隐藏文字隐藏文字隐藏文字</p> </div> </html>

Js调用方法：

document.getElementById(‘show').hidden = true;//隐藏该元素

document.getElementById('hidden').hidden = false;//显示该元素

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5--Hidden属性

<br /> HTML5 hidden属性是个boolean属性。所有HTML元素可以设置hidden属性，可设置值true或false，当设置为true时浏览器将不渲染该元素。当设置为false则渲染该元素。相比之前用的display：none/block要方便快捷多了。<br /><br /><br />例如：<br /><!DOCTYPE HTML><html><head> <meta charset="utf-8"/> <title><title></head><div c
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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