如何用javascript 实现按钮的隐藏和显示

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><body>
  <input name="b" type="button" id="b" value="bb" onClick="b()">
  <br>
    <input name="a" type="button" id="a" value="按钮" style="display:none ">
</body>
</html>
<script language="javascript">
function b()
{
if (document.all["a"].style.display=="none")
document.all["a"].style.display="";
else
document.all["a"].style.display="none";
}
</script>是这种效果吗