html5怎么隐藏表格,javascript显示和隐藏一个表格

这里主要用到 document.getElementById("元素ID") 方法 和 元素的 style.display 属性。文件名取名叫 doHide.htm , 代码如下：

function DoHide()

{

// 获得id为table1的表格，并判断它的style.display值是否等于 'block '

// 等于就执行 if 部分代码，不等于就执行 else 部分代码

if(document.getElementById("table1").style.display=='block')

{

// 把 id 为 table1的元素的设置为隐藏

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

// 把按钮(id 为 B3 )的文字设置成 '显示表格'

document.getElementById("B3").value="显示表格";

}

else

{

// 把 id 为 table1的元素的设置为显示

document.getElementById("table1").style.display='block';

// 把按钮(id 为 B3 )的文字设置成 '隐藏表格'

document.getElementById("B3").value="隐藏表格";

}

}

这是一个表格	单元格2	单元格3	单元格4	单元格5
1	2	3	4	5
2	2	2	2	2