javascript - 如何使用/javascript将文本添加到textarea，但之后仍然可以输入？

Question

这个问题已经有答案了:

Should I use .innerHTML or .value for <textarea>? (3 个回答)

已关闭 6 年前。

我正在尝试向 JavaScript 中的文本区域添加文本，但是，在将其标记为重复项之前，它不允许我在文本区域中输入其他任何内容后在文本区域内添加更多文本。

var f1t = true;

var foo = function() {
  if (f1t === true) {
    document.getElementById("textarea").innerHTML += "<i:>"
    f1t = false
  } else {
    document.getElementById("textarea").innerHTML += "<:>"
    f1t = true
  }
}

<textarea id="textarea"></textarea> <button onclick="foo();">+</button>

当这段代码运行时，它会在文本区域中放入我想要的尽可能多的东西，直到我输入一些东西。然后，当调用该函数时，它不会在文本区域中放置任何内容，也不会抛出任何错误。我希望即使在输入内容后也能够连续向文本区域添加文本。

Answer 1

文本区域的innerHTML 描述其默认值，而不是其当前值。一旦用户输入某些内容，它的默认值就无关紧要(除非您有重置按钮)。

改为设置value 属性。