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