Javascript 如何在输入文本区域后更改文本区域的innerHTML？

以下代码仅在我没有首先在textarea框中键入时有效。如果我输入它，单击div什么也不做。有没有办法用javascript或其他什么东西来解决这个问题？感谢您的帮助

<textarea id = "textarea">change this</textarea>
<div onclick = "change()">click here<div>

<script>
function change()
    {
        document.getElementById( 'textarea' ).innerHTML = 'new text';
    }
</script>

更改此选项
点击这里
函数更改（）
{
document.getElementById（'textarea'）.innerHTML='newtext'；
}

---

下面是JSFIDLE

将innerHTML更改为value

<textarea id = "textarea">change this</textarea>
<div onclick = "change()">click here<div>

<script>
    function change()
    {
        document.getElementById( 'textarea' ).value = 'new text';
    }
</script>

更改此选项
点击这里
函数更改（）
{
document.getElementById（'textarea'）。值='newtext'；
}

---

textarea有一个可以更改的值，这里的innerHTML只设置初始值。

a

textarea

元素有一个

innerHTML

属性；它只是设置元素的初始值。