JS控制table显示或隐藏

来源:互联网 发布:数据库登录 编辑:程序博客网 时间:2024/06/08 17:20
 

 今天遇到了用js控制某个table隐藏和显示的问题。在网上找到一个可以使用的方法,记录下来!

 

<script>

function show(){

 var myTable= document.getElementById("myTable"); myTable.style.display="block";

}

function hidden(){

var myTable= document.getElementById('myTable); myTable.style.display ="none";

}

</script>

<inputtype="button" name="button" value="显示" onclick="show()">

<inputtype="button" name="button" value="隐藏" onclick="hidden()">

<table width="200"  id="myTable" border="0" align="center" cellpadding="1" cellspacing="0" style="display: none">

 <tr><tdheight="60" align="center" class="hong12">显示table信息</td></tr>

 </table>

 

 

欢迎各位亲们的互粉,新浪微博:http://weibo.com/3313648752

原创粉丝点击