Javascript 将内容从textarea保存到div

如何使用textarea在tododiv中创建div来保存备忘？我必须将其保存在数据库中吗

下面是便笺页面的代码

便签
做
不间断的
多恩

首先，获取文本区域的内容。然后，将一个新的div附加到容器的

.innerHTML

，您可以在其中添加div

var content = document.getElementById("submit-content").value;
document.getElementById("whichever-container-you-want-it-in").innerHTML += "<div>" + content + "</div>;

var content=document.getElementById（“提交内容”）.value；
document.getElementById（“任何您想要的容器”）.innerHTML+=“”+content+”；

---

将其放入

addNote（）

函数中，根据需要更改属性（id/class/etc）。

由于持久性级别尚未明确定义，此解决方案仅将注释从

复制到“待办事项”列。它不会存储在任何位置（即数据库、cookie、本地存储）

如果我需要通过JS创建元素，我通常会使用。要将这个新创建的元素添加到DOM中，您需要对它将添加到的元素的引用，我更喜欢。然后使用该方法将新DIV作为最后一个元素添加到父元素中

var note=document.querySelector（“#提交内容”）；
var post=document.querySelector（'.submitnote'）；
var toDo=document.querySelector（“#第一列”）；
/**
*将注释从textarea添加到列中。
*
*@param{DOMNode}column要添加注释的列。
*@param{String}注意文本区域中的注释/文本。
*/
函数addNote（列，注释）{
var div=document.createElement（'div'）；
div.textContent=注释；
第.appendChild列（div）；
}
post.addEventListener（'click'，函数（e）{
addNote（toDo，note.value）；
注：值=“”；
}）；

便笺
做
不间断的
多恩

看起来您在这里问了不止一个问题。请具体一点，一次只关注一个问题。您不能创建嵌套在

文本区域中的元素，只能创建文本。您可以使用
以外的单独元素来输出内容。如果使用
.innerHTML
请确保使用正确的特殊字符呃，好的，更具体一点。例如，当我在文本区域内写“hello world”时，我希望它出现在“to-do”列中。我是否必须创建一个数据库才能将我在文本区域内写的内容存储到“to-do”列中“列？不需要数据库。如果您想在关闭/刷新/etc后保持它，您需要将它存储在某个地方（可以是数据库、cookies、本地存储，或者只是一个外部.txt文件）。但是仅仅在div中显示textarea内容是非常简单的javascript。理想情况下，不会在HTML中绑定事件处理程序。我假设您会在JS中添加一个侦听器-为什么这样更好？是的，您会将它添加到JS中。分离关注点，易于维护（想象一下在10页的50个元素上有
addNote（）
，并且必须以某种方式进行更改，糟糕），每个事件绑定多个处理程序（或者至少更容易），等等。啊，这是有意义的。与在线使用外部样式表类似的好处。谢谢