how to change innerHTML of textarea after typing in it?

问题

The following code works only if I don't first type in the textarea box. If i type in it, clicking on the div does nothing. Is there any way to fix this in javascript or whatever? Any help is appreciated.

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

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

here is the jsfiddle http://jsfiddle.net/69n24agz/

回答1:

Change innerHTML to value,

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

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

a textarea has a value that can be altered, the innerHTML here just sets the initial value.

来源：https://stackoverflow.com/questions/27674257/how-to-change-innerhtml-of-textarea-after-typing-in-it