如何使用javascript

时间:2018-06-14 14:36:13

标签: javascript html5 materialize

我正在使用我想在单击按钮时显示的进度条。在我填充了一个列表后,我希望进度条消失。以下是我的代码:

<div class="progress"><div class="indeterminate"/></div>
if (source_names_list.length == 0)
{
  // want progress bar to appear

}
if (source_names_list.length > 0)
{
   // want the progress bar to disappear
}

我尝试设置可见性,但没有帮助。我尝试以编程方式添加进度条。

1 个答案:

答案 0 :(得分:0)

您可以通过CSS编辑显示属性。

&#13;
&#13;
var source_names_list = []

if (source_names_list.length == 0)
{
  // want progress bar to appear
  document.querySelector('.progress').style.display = 'inheret'

}
if (source_names_list.length > 0)
{
   // want the progress bar to disappear
   document.querySelector('.progress').style.display = 'none'
}
&#13;
<div class="progress">Progress</div>
<div class="indeterminate"/>Indeterminate</div>
&#13;
&#13;
&#13;