如果用户更改textarea中的文本，JavaScript函数将失败

我有一个按钮，可以将带有日期的html标记插入从数据库查询填充的文本区域。如果在不更改文本的情况下按下按钮，则可以正常工作，但如果用户更改文本区域中的文本，然后按下按钮，则不会插入代码。我不明白为什么。以下是按下按钮时触发的功能：

function addtxt(input) {
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
var obj=document.getElementById(input);
today = mm+'/'+dd+'/'+yyyy;
var txt=document.createTextNode(" <font color=\"#FF0000\">UPDATE " +today+ ": </font>");
obj.appendChild(txt);

函数addtxt（输入）{
var today=新日期（）；
var dd=today.getDate（）；
var mm=today.getMonth（）+1；//一月是0！
var yyyy=today.getFullYear（）；
var obj=document.getElementById（输入）；
今天=mm+'/'+dd+'/'+yyyy；
var txt=document.createTextNode（“更新”+today+“：”）；
obj.appendChild（txt）；

以及调用此函数的按钮：

<input onclick="addtxt('textarea1')" type="button" value="Insert Update Text" id="button1">

---

谢谢您能给我的任何帮助！

如果您在文本区域输入内容之前单击按钮，您创建的

txt

文本节点将附加到该textarea元素，而

today

将被替换为真实日期，但html标记将保持不变。为什么？我想可能textarea是aimed仅显示文本。如果在输入内容后单击按钮，即使清除文本区域，

addtxt

功能也无法工作。为什么？如果使用Chrome的开发者工具查看源代码，您会找到原因

这是一个在线演示：

首先在文本区域中输入一些内容，然后将其清除。然后，

addtxt

功能将不起作用。只需单击它即可

---

第二，打开Chrome的开发者工具，检查textarea元素，你会发现文本节点实际上是附加的

obj.appendChild(txt);

到

---

它应该可以工作。我之所以插入HTML标记，是因为编辑后它会保存到数据库中。当它读回HTML页面时，它需要正确显示格式。它现在似乎工作正常。谢谢！

obj.value = obj.value + txt.data;