将JavaScript变量附加到HTML文本区域

Question

我知道这是可以做到的，但是有人知道如何以及是否能够做到吗？

- Guyver

---

你是想在现有内容后面插入值到文本区域吗？ - josh.trow

Answer 1

或者你可以这样做：

var myVar = 'sup fresh our turn baby!';
var myTextArea = document.getElementById('myArea');
myTextArea.innerHTML += myVar;

- KJYe.Name

---

哇塞？那么有人可能会叫我书呆子 :/ - Guyver

Answer 2

像这样应该可以正常工作：

var textArea = document.getElementById("mytextarea"); // assuming there is a textarea with id = mytextarea
var textToAppend = document.createTextNode("Hello, World!");
textArea.appendChild(textToAppend);

编辑：或者，正如Pointy建议的那样，最后两行可以替换为：

textArea.value += "Hello, World!";

- Greg

---

为什么不直接使用 textArea.value += textToAppend; 呢？ - Pointy

Answer 3

function appendText(str) {
var obj=document.getElementById("myTextArea")
var txt=document.createTextNode("append this text")
obj.appendChild(txt)
}

- Enrique

---

和我问@GreginYEG的问题一样：为什么不只是附加到<textarea>的“value”属性？？ 为什么要花费创建节点的费用（在IE中缓慢）？ - Pointy

Answer 4

哎呀，伙计们：

document.getElementById('whatever').value += someJavascriptString;

- Pointy