Question

我有一个系统，一旦用户登录，就有两个表。我只希望最初显示一个表，但我似乎无法隐藏它。到目前为止我已经尝试了

style="display:none;"

在表启动中，并且还尝试使用javascript再次加载它，没有运气。我的表大多是在php中创建的，因为使用了变量等，而且一切正常，它只是隐藏了我遇到问题的表。

<table id="mainView" style="width:100%;">
    <!-- php to create table -->
    <?php
         .... code creating table ....
    ?>
</table>

然后是第二个表，我希望在加载时隐藏

<table id="directoryView" style="display:none;">
    <!-- php to create table -->
    <?php
        .... code creating table ....
    ?>
</table>

我试过的JS是

function initialDisplay()
{
    document.getElementById('mainView').style.display = "initial";
    document.getElementById('directoryView').style.display = "none";
}

我使用

从我的主要php文件调用

echo "<script> initialDisplay(); </script>";

非常感谢任何帮助。

Answer 1

Html：

<body onload="initialDisplay()">

    <table id="mainView" style="width:100%;">
            <!-- php to create table -->
            <?php
                 .... code creating table ....
            ?>
        </table>

        <table id="directoryView" style="display:none;">
            <!-- php to create table -->
            <?php
                .... code creating table ....
            ?>
        </table>

使用JS

 <script>
       function initialDisplay()
      {
    document.getElementById('mainView').style.display = "initial";
    document.getElementById('directoryView').style.display = "none";
      }       
        </script>

Answer 2

试试这个

在Javascript中

<body onload="initialDisplay()">

        <table id="mainView" style="width:100%;" border="1">
                <!-- php to create table -->
                  <tr><td>test content1</td></tr>
            </table>

            <table id="directoryView">
                <!-- php to create table -->
               <tr><td>test content2</td></tr>
            </table>
</body>

     <script>
    function initialDisplay()
          {
        document.getElementById('mainView').style.display = "block";
        document.getElementById('directoryView').style.display = "none";
          }  
     </script>

在jquery中

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <body >

        <table id="mainView" style="width:100%;" border="1">
                <!-- php to create table -->
                  <tr><td>test content1</td></tr>
            </table>

            <table id="directoryView">
                <!-- php to create table -->
               <tr><td>test content2</td></tr>
            </table>
</body>

     <script>
     $(document).ready(function(){
     $("#mainView").show();
     $("#directoryView").hide();

     });
     </script>

在页面加载时隐藏html表

2 个答案: