style.visibility和style.display的区别

< span  style ="color:red" > 它们都可以实现对域的隐藏，但visibility要占用域的空间，而display则不会！下面是一个测试 </ span >
< html >  
< head >  
< title > 标题测试 </ title >  
< script  language ="javascript" > ...  
function testVisibility() 
...{ 
document.all("tb_0").style.visibility="hidden"; 

} 
function testDisplay() 
...{ 
document.all("tb_0").style.display="none"; 

} 
function test() 
...{ 
document.all("tb_0").style.visibility="visible"; 
document.all("tb_1").style.visibility="visible"; 
document.all("tb_0").style.display="block"; 
document.all("tb_1").style.display="block"; 
} 
</ script >  
</ head >  
< body >  
< form  name ="form"  method ="post" >  
< table  id ="tb_0" >  
< tr >  
< td > 内容测试--visible </ td >  
</ tr >  
</ table >  
< table  id ="tb_1" >  
< tr >  
< td > 内容测试--hidden </ td >  
</ tr >  
</ table >  
< input  type ="button"  onClick ="test();"  value ="还原" >  
< input  type ="button"  onClick ="testVisibility();"  value ="测试visibility" >  
< input  type ="button"  onClick ="testDisplay();"  value ="测试display" >  
</ form >  
</ body >  
</ html >