允许用户更改div的文本

这只是我的另一个问题中的查询。然而，我没有解决方案，所以我重新发布这个问题，希望有人能解决我的困境。允许用户更改div的文本

我有一个div。我想div的内容是editabe。我基本上想要的是一个按钮的onlick应该变成一个文本框，并允许用户更改div的内容。我宁愿避免Jquery。

HTML

<div id="main"> 
    <div id="allowedit">CLICK BUTTON TO EDIT THIS TEXT 
     <input type="button" value="CLK ME" onclick="changetext(this)" /> 
    </div> 
    <div>

JAVASCRIPT

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

来源

2013-07-15 AnaMaria

你的意思是保存文本直到编辑？ –

您可以使用HTML属性contenteditable

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

来源

2013-07-15 07:43:25 karaxuna

谢谢你。哇...这简化了事情 – AnaMaria

这可能不适用于旧版浏览器。为了您的信息。 – Kevin

我只需要它在IE8和以上，所以我想这将是我的解决方案...也因为这是一个属性，我可以添加一个条款，允许div是可编辑的条件。 PERFECT – AnaMaria

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

来源

2013-07-15 07:48:17

允许用户更改div的文本

回答

相关问题