使用onHTML事件中的innerHTML设置文本区域的内容仅适用一次

Question

I'm trying to update the content of a <textarea> field when a <button> is clicked with the onclick="" event.

My problem is that the button only works once. If I change the content of the text area the button doesn't work anymore.

I've found several questions with the same problem but they all use variable inputs or not random data.

You can see an example here:

1. Click on the Add test data button
2. Modify the content of the textarea
3. Repeat step 1.: The button doesn't work but the console register the done message

 <script> function addExample() { document.getElementById('fasta').innerHTML = 'acgt'; console.log('done'); } </script> <p> <button type="button" onclick="addExample();">Add test data</button> </p> <textarea name="fasta" id="fasta"></textarea> 

I'm using Firefox 44.0 on Ubuntu 15.04.

PS: I've found several questions with the same problem on SO but they all use variable inputs or not random data.

Answer 1

不要使用innerHTML，而是使用value属性。