Question

按下按钮后，我想要一个显示的列表。

所以我添加了这段代码：

<div id="divCheckbox" style="display: none;">
<ul style="list-style-type>
<li>Apples<li>
<li>Potatos</li>
<li>Dank Memes</li>
<li>Holla Holla get Dolla</li>
<li>420 everyday</li>
<li>Finished</li>
</ul>
</div>

为了让它再次可见，我尝试使用它：

var element = document.getElementById("divCheckbox");
element.style.visibility='visible';

这不起作用，对象仍然不可见。但是进行了更改，并且元素存在，我使用document.getElementById

进行了检查

此外，我希望列表“加载”，因此每个元素都有一个小的加载动画在它前面，1秒后它变成一个刻度并变为绿色，我不知道如何制作，但我认为它的东西关于CSS。我只需要知道如何使用javascript设置li元素的图像。

我错过了什么？

Answer 1

如果首先将元素的display设置为none，那么使用visibility进行操作无效 - 您需要将display更改为block或什么是合适的。

Answer 2

如@rorschach所述 - 将您的JS代码更改为：

var element = document.getElementById("divCheckbox");
element.style.display='block';

此外 - 此行<ul style="list-style-type> - 请确保在此处关闭您的引语<ul style="list-style-type">

使用display显示HTML Div：none再次可见+在<li>之前加载图像

2 个答案: