javascript note編輯功能

Question

我正在做一個筆記應用程序，並希望能夠編輯一個筆記，然後在數據庫中進行更新。這裏的HTML：

<div id="note">This is a note.</div> 

<a href=\"#\" class='note_edit note_functions' id='texteditbutton' onclick='note_edit()'>Edit Note</a> 

而這裏的JavaScript的：

function note_edit(){ 

    var textbox = document.createElement("textarea"); 

    var adjust = document.getElementById("note").innerHTML; 

    textbox.setAttribute("name","note_edit"); 
    textbox.setAttribute("value",adjust); 

    document.getElementById("note").innerHTML=textbox; 

} 

我是新來的JavaScript和它不工作。點擊鏈接只是將＃添加到網址。我該怎麼辦？

Answer 1

這document.getElementById，不document.getElementByID

考慮使用調試器，如螢火蟲趕上這樣的錯誤。

此外，爲什麼你將文本框的值設置爲音符元素本身？

Answer 2

你的代碼包含一個錯字：

var adjust = document.getElementByID("note"); 

應該

var adjust = document.getElementById("note"); 

如果不工作，啓動通過驗證的功能，甚至called--在添加一個通知該函數的頂部：

alert('Edit Note Function Was Called.'); 

編輯： 從你最後的評論，這聽起來就像是d oing幾乎你想要的。但看看你的腳本，你會得到一個元素（稱爲'note'）並將其分配給變量adjust。我認爲想要要做的是將note調整爲值的note元素，而不是DOM元素iteself，否？

var adjust = document.getElementById("note").innerHTML; 

因爲它是一個div，所以你需要它的innerHTML。

編輯2：

document.getElementById("note").innerHTML = textbox; 

應該

document.getElementById("note").innerHTML = textbox.value;