JavaScript注释编辑功能

JavaScript note edit function

本文关键字：功能 编辑 注释 JavaScript      更新时间：2023-09-26

我正在制作一个笔记应用程序，希望能够编辑笔记，然后在数据库中更新它。这是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中。我该怎么办？

这是document.getElementById，而不是document.getElementByID

考虑使用像Firebug这样的调试器来捕获这样的错误。

此外，为什么要将文本框的值设置为note元素本身？

您的代码包含一个拼写错误：

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

应该是

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

如果这不起作用，首先验证函数是否被调用——在函数顶部添加一个警报：

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

编辑：从你的最后一条评论来看，听起来它几乎在做你想做的事。但是，看看你的脚本，你会得到一个元素（称为"note"），并将其分配给变量adjust。我认为想要做的是将adjust分配给note元素的值，而不是DOM元素iteself，不是吗？

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

由于它是一个div，您需要它的innerHTML。

编辑2:

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

应该是

document.getElementById("note").innerHTML = textbox.value;
相关文章：