一旦用户添加了文本，Javascript按钮将停止写入texarea

我正在尝试制作一个简单的文本编辑框，以便最终将文本发布到网站的另一个部分。我试图制作按钮，使文本加粗、斜体、添加代码框等（因此

insertAdjacentHTML

不是

insertAdjacentText

），但我决定开始确保可以将纯文本打印到文本区域。 我很容易就做到了这一点，但现在我的问题是如何使按钮在用户添加文本后仍然影响文本区域？下面的代码会很高兴地键入“hello”，直到你点击文本区域，从那一点上它拒绝，我不知道为什么

window.hello=函数（textarea）{
var obj=document.getElementById（“文本”）；
obj.insertAdjacentHTML（'beforeend'，'hello'）；
}

你好

正如您可以从文本中读取的那样，区域只能包含字符数据

这是因为您不能使用insertAdjacentHTML，而可以使用值

如果您需要添加粗体文本或。。。可以使用contenteditable div元素

片段：

window.helloDiv=function（）{
var obj=document.getElementById（“textDiv”）；
obj.insertAdjacentHTML（'beforeend'，'hello'）；
};
window.helloTxtArea=函数（）{
var obj=document.getElementById（“textTxtArea”）；
obj.value+=“你好”；
}

div{
宽度：300px；
高度：100px；
边界：1px；
边框样式：实心；
}
文本区{
宽度：300px；
高度：100px；
边缘顶部：10px；
}

helloDiv
helloTextArea

这看起来很贴切，很好地解决了这个问题，而且还可以帮助我以后编辑HTML。非常感谢。