用js实现对textarea的隐藏和显示

Question

我想实现这样的效果：当载入页面时隐藏textfield，点击一个按钮后textfield又弹出来。请各位帮忙解决一下。

Answer 1

<script>
  window.onload=function(){
    document.getElementById('te').style.display="none";
    document.getElementById('bt').onclick=function(){
    document.getElementById('te').style.display="block";
              }
}
</script>
 <textarea style="width:300px;height:200px;" id="te"></textarea>
<input type="button" id="bt" value="xianshi">

Answer 2

简单的在jQuery里面实现一下
http://jsfiddle.net/HJvBt/