функция редактирования заметки javascript

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, и он не работает. Нажатие на ссылку просто добавляет # к URL. Что мне делать?

Answer 1

Это document.getElementById, а не document.getElementByID

Подумайте об использовании отладчика, такого как Firebug, для отлова подобных ошибок.

Кроме того, почему вы устанавливаете значение текстового поля для самого элемента заметки?

Answer 2

Ваш код содержит опечатку:

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

должно быть

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

Если это не сработает, начните с проверки, что функция даже вызвана - добавьтепредупреждение в верхней части функции:

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

РЕДАКТИРОВАТЬ: Из вашего последнего комментария, похоже, что он делает почти то, что вы хотите.Но, взглянув на ваш скрипт, вы получаете элемент (называемый 'note') и присваиваете его переменной Adjust.Я думаю, что вы хотите сделать, это назначить корректировку значению элемента note, а не самому элементу DOM, нет?

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

Так как этоdiv, вы хотите внутренний HTML из него.

Редактировать 2:

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

должно быть

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