无法使用JavaScript编辑文本区域

我想在用JavaScript更新后手动编辑我的

textarea

，但是当我在上面写一些文本时，我写的文本位于已经在

textarea

（由JS编写）中的文本之上

所以我在寻找为什么我不能这样做。这是我的密码：

函数initTextIA（）{
var txt=document.createElement（'textarea'）；
txt.style.rows=“5”；
txt.style.cols=“45”；
txt.style.top=“2300px”；
txt.style.left=“250px”；
txt.style.position=“绝对”；
txt.style.background=“无”；
txt.style.color=“绿色”；
txt.id=“txtIA”；
document.getElementById（“cool”）.appendChild（txt）；
}
initTextIA（）；
var doc=document.getElementById（“txtIA”）
doc.value+=“txtxt.\n”
从评论中，我觉得您的行高属性没有正确设置为textarea。由于您在末尾设置了带换行符的textarea值：

txtxtxt。\n

新写的文本应该放在第二行，但它与用JS输入的旧文本重叠。因此，请在initTextIA函数中尝试以下操作：

txt.style.lineHeight = "2";

由于很少有原始HTML提供的问题，所以这里有很多假设。我从评论中的所有讨论中感觉到，您无法追加文本，然后键入值，然后通过某个按钮继续追加

我已经写了一个简单的案例，其中我已经注释掉了textarea的位置，这样测试就可以轻松完成。我添加了两个按钮，但没有错误检查，只是为了给出一个方向。如果这不能解决问题，请告诉我


函数initTextIA（）{
var txt=document.createElement（'textarea'）；
txt.style.rows=“5”；
txt.style.cols=“45”；
//txt.style.top=“2300px”；
//txt.style.left=“250px”；
//txt.style.position=“绝对”；
txt.style.background=“无”；
txt.style.color=“绿色”；
txt.id=“txtIA”；
document.getElementById（“cool”）.appendChild（txt）；
document.getElementById（'addButton'）。style='display:none'；
document.getElementById（'appendButton'）。style='display:block'；
}
函数fillTextIA（）{
var doc=document.getElementById（“txtIA”）
doc.value+=“txtxt.\n”；
}

添加文本区域
附加文字
元素

您能否澄清到底出了什么问题？我不太明白。这里面有HTML吗？我也不明白。问题是：textarea中有一个由js编写的文本，当我在textarea中手动编写内容时，所编写的文本覆盖了js已经编写的文本。我不想这样，即使只是尝试一些基本的HTML，上面的代码似乎也能工作。你在这里的期望是什么？您将在JS生成的
text区域
@G0dsquad中获得
txtxtxt.\n
。vinny76在一些细节上有点不清楚，比如如何/何时调用
initTextAI（）
。但他所描述的听起来像是两个绝对位置的元素叠加在一起。嗨，谢谢你给我的代码，但我想要的是手动更新JS编写的文本，所以你想在单击textarea时清除旧文本，以便开始编写新文本吗？不，只是能够从文本区域手动添加或复制文本。例如，如果js写了“blabla”，我希望能够写“blahello”，我很困惑。如果您只想在JS添加文本后立即添加新文本，请从doc.value+=“txtxtxt.\n”中删除“\n”。