我想制作一个输入心情的Ajax输入框,没有选择的状态是正常显示div框,显示内容,当点击这个div框的时候,隐藏div框,显示同样大小的input文本框,当输入完毕内容以后,鼠标离开后文本框消失,显示div层。 自己在网上搜来这个代码,但是作者说,这个代码在IE下没有问题,但是在FF下鼠标要点击两次才能显示回原来的div,具体的你们运行一下代码试试~~~,最好帮我看看这个js写的如何~本人只是自学了div+css,js还是一窍不通……希望大家帮帮忙啦~实在是没有办法了……thx thxxxxx 之前帖子发错版块了 T T 
http://topic.csdn.net/u/20091116/21/b1083b6f-bdb1-4723-b3f9-8b0d402cbea3.html<div>
    <div class="show" id="test" onclick="edit(this.id)" onblur="edit(this.id)" title="点击此处添加心情">显示心情</div>
    <div class="hide" style="display:none;" id="testfm">
        <input type="text" name="nn" value="可编辑的内容一" onBlur="hide(this.parentNode.id)" />
    </div>
</div><script language="javascript">
  <!--
  function $(e){
return document.getElementById(e);//封装获取函数
  }
  function edit(e){
//parseInt
$(e).style.display="none";
$(e+"fm").style.display="block";
$(e+"fm").childNodes[0].focus(); //div的子元素自动获得焦点
  }
  function hide(e){
//parseInt
$(e).style.display="none";
$(e=e.replace("fm","")).style.display="block";
  }
  -->
  </script>