使用来自onclick事件的innerHTML设置textarea的内容只能工作一次

Question

我在<textarea>事件点击<button>时尝试更新onclick=""字段的内容。

我的问题是按钮只能工作一次。如果我更改了文本区域的内容，则该按钮不再起作用。

我发现了几个有同样问题的问题，但它们都使用变量输入或非随机数据。

你可以在这里看到一个例子：

1. 单击添加测试数据按钮
2. 修改textarea的内容
3. 重复步骤1：该按钮不起作用，但控制台注册已完成消息
＆＃13;
＆＃13;
<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>
＆＃13;
＆＃13;
＆＃13;

我在Ubuntu 15.04上使用Firefox 44.0。

PS：我在SO上发现了几个同样问题的问题，但他们都使用变量输入或非随机数据。

Answer 1

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