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

只要写上hidden属性值,都默认true没有false这一说法

示例代码

<body>
    <!-- 
        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>

显示效果

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注