html ul设置默认隐藏

HTML中有一个很方便的标签ul来创建无序列表，但是有时候我们希望这个列表在加载时默认是隐藏的，这时候我们可以使用CSS来实现。

首先，在HTML中我们需要将ul的display属性设置为none。

ul style="display:none">
    li>
    列表项1/li>
    li>
    列表项2/li>
    li>
    列表项3/li>
    /ul>

然后，在CSS中我们可以为该ul设置一个类，比如“hide-list”，并设置这个类的display为none。

.hide-list {
    display: none;
}
    

在需要显示这个列表的时候，我们可以使用JavaScript来动态添加这个类，从而使ul显示出来。

document.querySelector('ul').classList.add('hide-list');
    

这样就可以在需要时显示出这个列表，而在不需要时隐藏它了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！