<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"}
单纯HTML肯定实现不了，配合JS即可。
例如，页面上有一表格
<table id="tab"></table>
然后使用JS：
var tab = document.getElementById("tab")document.onclick = function(){
tab.style.display = 'none'
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）