如何实现文字在点击之后变成可编辑的输入框？在线等待。

Question

<span onclick="mm(this)">梅花雪</span><script language="JavaScript"><!--
function mm(e)
{
    var s = e.innerText;
    e.innerHTML = "<input value='"+ s +"' onblur='parentElement.innerText=value'>";
    e.firstChild.focus();
}
//--></script>

Answer 1

<span id=ss onclick="change();">粉红姐姐</span>
<script language=Javascript>
i=1;
function change()
{
if(i==1){
ss.innerHTML=ss.innerText.replace(ss.innerText,"<input type=text value="+ss.innerText+">");
i++;
}
}
</script>

Answer 2

<TABLE width=30% style="border:1 solid red">
<TR>
<TD onclick="this.firstChild.contentEditable=true" onblur="this.firstChild.contentEditable=false"><span style="width:100%">Hello</span></TD>
</TR>
</TABLE>