当前位置： 移动技术网 > IT编程>网页制作>Html5 > 显示或隐藏页面元素

显示或隐藏页面元素

2018年10月30日  | 移动技术网IT编程  | 我要评论

邹荣成,欲望三国之独占天下,如何选择家用净水器

在设计页面的时候，我们经常会遇到需要在页面动态显示或隐藏页面元素的情况。示例如下：

 

[html]  

<p align="center">  

    <table width="200" border="1" cellspacing="0">  

        <tr>  

            <td width="50">姓名：</td>  

            <td>斌斌</td>  

        </tr>  

        <tr id="salaryinfo">  

            <td>工资：</td>  

            <td>200 万元/年</td>  

        </tr>   www.2cto.com

        <tr>  

            <td colspan="2">  

                <input type="button" value="显示工资"   

                  onclick="document.getelementbyid('salaryinfo').style.display=''"/>  

                <input type="button" value="隐藏工资"   

                  onclick="document.getelementbyid('salaryinfo').style.display='none'"/>  

            </td>  

        </tr>  

    </table>  

</p>  

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网