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

触发事件使文字变成编辑模式
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>