javascript中Style之visibility与display的比较

最新推荐文章于 2024-07-29 13:58:45 发布

newweapon

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量889

点赞数

分类专栏： javascript & ajax 文章标签： javascript button 测试 function input table

javascript & ajax 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

它们都可以实现对域的隐藏，但visibility要占用域的空间，而display则不会！下面是一个测试

<html>
<head>
<title>标题测试</title>
<script language="javascript">
   function testVisibility()
   {
         document.all("tb_0").style.visibility="hidden";
        document.all("tb_1").style.visibility="visible";
   }
   function testDisplay()
   {
        document.all("tb_0").style.display="none";
        document.all("tb_1").style.display="block";
   }
   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="form1" 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>

newweapon

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript中Style之visibility与display的比较

它们都可以实现对域的隐藏，但visibility要占用域的空间，而display则不会！下面是一个测试标题测试 function testVisibility() { document.all("tb
复制链接

扫一扫

专栏目录