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

标签 javascript html css

我想要一个列表,在按下按钮后显示。

所以我添加了这段代码:

<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 元素前面设置图像。

我错过了什么?

最佳答案

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

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

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

关于javascript - 使用显示 : none visible again + Loading Image before <li> 制作 HTML Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45602167/

相关文章:

javascript - 用 javascript 创建一个 "temporary css"值得吗?

JavaScript 从匿名函数中读取私有(private)变量

php - 未捕获的异常 : Syntax error

javascript - 使用 Javascript 包裹 HTML 字符串的未包裹部分

javascript - 子项上方的 CSS box-shadow,但保持交互

html - IE Fieldset 背景颜色溢出错误

javascript - IIFE 函数中的新类现在可以与 webpack 一起使用

javascript - AngularJS 1 包含来自模板的预制 html 代码

jquery - 如何使导航栏中的菜单项居中

html - 如何使用 flexbox 将 2 行居中?