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

我使用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控制表的可见性吗

---

非常感谢

您可以在javascript间隔内完成此操作

如果您的一号桌有一个ID tbl1 和表2中的tbl2

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
}

---

默认情况下，设置一个表显示=无。

您可以通过设置任何dom元素的显示样式来使用javascript控制其可见性。如果grid1是aDOM元素，则可以执行grid1.style.display='无'；如果没有，则给它一个ID并按document.getElementByIDIDODOFGRID1.style.display='none'进行操作；您可以有一个CSS类来隐藏/显示它，并使用这里概述的JS添加/删除该类：不过最好使用jquery。你也可以按照Manhatten先生和Rakesh_Kumar先生的建议去做，我的表是用javascript创建的，所以它不是用HTML编码的；因此它没有id，只有一个javascript变量。@Stephen Gevanni您可以将id属性作为表格添加到任何html元素中，就像您在样式、类型等其他元素中所做的一样。