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