当前位置:编程学习 > html/css >>

显示或隐藏页面元素

在设计页面的时候,我们经常会遇到需要在页面动态显示或隐藏页面元素的情况。示例如下:
 
[html]  
<div 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.zzzyk.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>  
</div>  
 
补充:web前端 , HTML 5 ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,