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