◆方法二：通過document.createElement的方法向頁面增加input來實現。請運行下邊代碼：
-
- <Html>
- <HEAD>
- <TITLE>NewDocumentTITLE>
- <METANAMEMETANAME="Generator"CONTENT="EditPlus">
- <METANAMEMETANAME="Author"CONTENT="">
- <METANAMEMETANAME="KeyWords"CONTENT="">
- <METANAMEMETANAME="Description"CONTENT="">
- HEAD>
- <BODY>
- <dividdivid="gtest">
- 點擊這裡就可以編輯
- div>
- <SCRIPTLANGUAGESCRIPTLANGUAGE="JavaScript">
[Ctrl+A全選注:如需引入外部JS需刷新才能執行]
思路：
1、當用戶鼠標經過可編輯區域時，用背景色等方式提醒用戶該區域可編輯。
2、當用戶鼠標點擊該區域時，也就是onclick事件時，先將原來的內容清掉，將臨時創建出來一個輸入框和一個輸入按扭。
3、用戶修改完後，點擊“保存”按扭時通過AJax向數據庫中寫入新的數據。
PS：第二個方法的代碼還有點問題，有空再來調試一下。