您的位置：首页 > 其它

style.visibility和style.display的区别

2007-11-30 08:45 337 查看

<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航