我有一个系统，一旦用户登录，就会有两个表。我最初只希望显示一个表，但我似乎无法隐藏它。到目前为止我已经尝试过
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>";
任何帮助将不胜感激。
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>
试试这个
在 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>