html中hidden属性小案例

本文介绍: html中的hidden 属性值

我们给一个 div 添加 hidden 属性的时候，只要给div 添加 hid de n 属性，无论是否给其属性值，给true，还是给false，抑或是其他值，都会默认把di v 隐藏起来，所以我们如果想要显示 di v的时候，就得不要给di v 设置 hid de n 属性。

只要写上h id de n 属性值，都默认是true。没有 fa ls e这一说法。

示例代码：

&lt;body&gt;
    <!-- 
        hidden属性是用来控制div的显示或者隐藏的 
        总结：只要给hidden写上值都是隐藏的
    --&gt;
    <div id="box" style="width: 300px;height: 300px;background-color: green;" hidden&gt;</div&gt;
    <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>