JS控制table显示或隐藏

 

 今天遇到了用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><td height="60" align="center" class="hong12">显示table信息td>tr>

 table>

 

 

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

你可能感兴趣的:(JS)