点击文字自动变成文本域并出现按钮


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <script language="JavaScript">
  <!--
var $ = function(id){return document.getElementById(id)}
function show(ocontent){
$("otxt").style.display = "block";
$("oup").style.display = "inline";
$("ocancel").style.display = "inline";
$("ospan").style.display = "none";
$("otxt").value = ocontent;
} function cancel(){
$("otxt").style.display = "none";
$("oup").style.display = "none";
$("ocancel").style.display = "none";
$("ospan").style.display = "block";
}
  //-->
  </script>
 </head> <body>
 <textarea id="otxt" cols="30" rows="5" style="overflow-y:hidden;display:none"></textarea><br/>
 <input type="button" id="oup" value="编辑" style="display:none">
 <input type="button" id="ocancel" value="取消"  style="display:none" onclick="cancel()"><br/>
  <span id="ospan" style="width:200px;height:20px;font-size:9pt;background-color:#FFFFCC" onclick="show(this.innerHTML)">第一次自己翻过来，真高兴！</span>
 </body>
</html>