Javascript style.display带走了<ul>项目符号

Javascript style.display taking away <ul> bullets

本文关键字：ul 项目 符号 style 带走 走了 Javascript display      更新时间：2023-09-26

经过一些注释后，我发现当我在JavaScript中运行此命令时，无序列表中的项目符号消失了(每个"页面"都是我的无序列表中的项目(。

pages[i].style.display = "block";

然而，ul的填充物保持不变。如何在不删除项目符号的情况下切换列表项的style.display？

将display设置为list-item，然后(这是li元素的默认值(。

在您的情况下，它将是：

pages[i].style.display = 'list-item';

如果要将其还原到以前的外观，可以使用display: list-item或element.style.display = "list-item"。

如果你只在 JavaScript 中设置了样式，如下所示：

element.style.display = 'none';

您可以删除内联样式，并通过将其设置为空字符串来将其重置为其初始状态：

element.style.display = '';

这将恢复<li>元素的display: list-item、<span>元素的display: inline display: table <table>元素等。

相关文章：