显示或隐藏页面元素

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

 

[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>