Question

我使用Javascript创建了一个表，并将表存储在我可以在CSS中引用的变量中。在CSS中，我想通过引用表的Javascript变量来隐藏表。这听起来非常令人困惑......这就是我的意思：

以下是表1的代码：

grid1=display_array(array1);

display_array函数在javascript中创建一个表，并自动将其显示在HTML中。

30秒后，我想隐藏网格1并显示网格2.所以我假设我必须将此语法用于计时器：

setTimeout(function(){grid2=display_array(array2);//Which automatically shows the grid2
                      //syntax for hiding grid1
                      },30000);

我是否需要使用CSS隐藏表并在CSS中引用其Javascript变量？如果是这样，我该怎么做？

或者作为替代方案，我可以仅使用Javascipt来控制表的可见性吗？

非常感谢。

Answer 1

您可以在javascript间隔

中执行此操作

如果你的桌子有一个ID＆＃34; tbl1＆＃34; 和表＃2; tbl2＆＃34;

function onload() 
{
  setTimeout(function() 
  {
    table_one = document.getElementById("tbl1");
    table_two = document.getElementById("tbl2");

    if(table_one.style.display == "none")
    {
       table_one.style.display = "block";
       table_two.style.display = "none";
    }
    else
    {
       table_one.style.display = "none";
       table_two.style.display = "block";
    }
  }, 3000); //Seconds you want to set for this
}

默认设置一个表格display = none。

在CSS中使用Javascript变量来控制对象的可见性

1 个答案: