怎么在打开html界面的时候隐藏table表格

html-css011

怎么在打开html界面的时候隐藏table表格,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<script language="JavaScript">

function show(){

    document.getElementById("table").style.display='block'

}

function hide(){

    document.getElementById("table").style.display='none'

}

</script>

<style>

td{border:1px solid #369}

</style>

<table id="table" cellspacing="0" cellpadding="5" style="">

    <tr><td>1</td><td>2</td><td>3</td></tr>

    <tr><td>1</td><td>2</td><td>3</td></tr>

    <tr><td>1</td><td>2</td><td>3</td></tr>

</table>

<br>

<input type="button" value="关闭table" onclick="hide()">

<input type="button" value="显示table" onclick="show()">

</body>

</html>

<table width="100" border="0" cellspacing="0" cellpadding="0" style="visibility:hidden">

<tr>

<td bgcolor="#00FF00"></td>

</tr>

</table>

style="visibility:hidden">隐藏

style="visibility:display">显示

<table width="100" border="0" cellspacing="0" cellpadding="0" style="display:none">

<tr>

<td bgcolor="#00FF00"></td>

</tr>

</table>

style="display:none" 隐藏

style="display:''"显示

也可以通过程序判断实现此功能Top

那么如何来标识一个表格呢？Top

ID,

document.getElementByIdx()....Top

<TD id=sayou style="DISPLAY: none" width=211>页面浏览:</td>

Top

//JavaScript这样调用

if (sayou.style.display=="none"){sayou.style.display="inline"}