我们给一个div添加hidden属性的时候,只要给div添加hidden属性,无论是否给其属性值,给true,还是给false,抑或是其他值,都会默认把div隐藏起来,所以我们如果想要显示div的时候,就得不要给div设置hidden属性。
只要写上hidden属性值,都默认是true。没有false这一说法。
示例代码:
<body>
<!--
hidden属性是用来控制div的显示或者隐藏的
总结:只要给hidden写上值都是隐藏的
-->
<div id="box" style="width: 300px;height: 300px;background-color: green;" hidden></div>
<div id="box1" style="width: 300px;height: 300px;background-color: pink;" hidden="true"></div>
<div id="box2" style="width: 300px;height: 300px;background-color: blue;" hidden="false"></div>
<div id="box3" style="width: 300px;height: 300px;background-color: yellow;" hidden="casual"></div>
<div id="box4" style="width: 300px;height: 300px;background-color: orange;"></div>
</body>
显示效果: