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

Question

我有一个按钮，用于将带有日期的 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);

以及调用此函数的按钮:

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

谢谢你能给我的任何帮助!

Answer 1

如果您更改代码中的最后一行

obj.appendChild(txt);

到

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

它应该可以工作。这是一个 DEMO