显示或隐藏页面元素

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

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

屏幕截图稍后上传，敬请关注。