使用 onclick 事件中的 innerHTML 设置文本区域的内容只能使用一次

Question

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

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

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

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

点击添加测试数据按钮
修改textarea的内容
重复第 1 步：按钮不起作用，但控制台注册完成消息

<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>

我在 Ubuntu 15.04 上使用 Firefox 44.0。

PS：我在 Stack Overflow 上发现了几个具有相同问题的问题，但它们都使用可变输入或非随机数据。

Answer 1

不使用 innerHTML 但值属性。

使用 onclick 事件中的 innerHTML 设置文本区域的内容只能使用一次

Setting content of a textarea with innerHTML from an onclick event only works once

javascript

dom-events