触发事件使文字变成编辑模式解决方法 _JavaScript

触发事件使文字变成编辑模式
html
<ul id="a">
<li>这里需要编辑</li>
<li><a href="javascript:void(0);" class="b">编辑</a></li>
</ul>

有没有一种方法
使点击了“编辑”以后，“这里需要编辑”变成文本框input那种输入模式。
然后鼠标离开后，自动保存

------解决方案--------------------

HTML code

<ul id="a">
<li><span id="s">这里需要编辑</span><input type="text" id="t" style="display:none" onblur="ee()"/></li>
<li><a href="javascript:void(0);" class="b" onclick="se()">编辑</a></li>
</ul>

<script type="text/javascript">
var ss = document.getElementById("s");
var tt = document.getElementById("t");

se = function(){
    tt.value = ss.innerHTML;
    ss.style.display = "none";
    tt.style.display = "block";
}

ee = function(){
    ss.innerHTML = tt.value;
    tt.style.display = "none";
    ss.style.display = "block";

}

</script>