javascript - 使用显示 : none visible again + Loading Image before 制作 HTML Div

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

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

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

另外 - 此行 <ul style="list-style-type> - 确保你在那里关闭你的报价 <ul style="list-style-type">