允許用戶更改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的文本

回答

相關問題