您的位置:首页 > 其它

显示或隐藏页面元素

2013-01-17 11:27 225 查看
在设计页面的时候,我们经常会遇到需要在页面动态显示或隐藏页面元素的情况。示例如下:
<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>
<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>


屏幕截图稍后上传,敬请关注。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: