Javascript 允许用户更改div的文本

这只是我另一个问题中的一个问题。然而，我没有找到解决办法，所以我重新提出这个问题，希望有人能解决我的困境

我有一个div，我想编辑div的内容。 我基本上想要的是只点击一个按钮，div应该变成一个文本框，并允许用户更改div的内容

HTML

单击按钮编辑此文本

JAVASCRIPT

changetext = function (e) {  
     src=(e.parentNode);
     src.outerHTML="<div><input +"+"name=input"+"></div>";     
}

changetext=函数（e）{
src=（e.parentNode）；
src.outerHTML=“”；
}

您可以使用html属性

此文本可由用户编辑。

单击按钮编辑此文本

您的意思是在编辑之前保存文本吗？这在旧浏览器中可能不起作用。为你的信息。我只需要在IE8和以上，所以我想这将是我的解决方案。。。此外，由于这是一个属性，我可以添加一个子句，允许div在条件下可编辑。PERFECT@Kevin我也这么想，但后来看到了：）Internet Explorer 5.5+（有关浏览器兼容性，请参阅相关mdn链接）

changetext = function (e) {  
     src=(e.parentNode);
     src.outerHTML="<div><input +"+"name=input"+"></div>";     
}

<div contenteditable="true">
  This text can be edited by the user.
</div>

 <div id="allowedit" contenteditable="true">
  CLICK BUTTON TO EDIT THIS TEXT        
 </div>