显示或隐藏页面元素

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

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

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