javascript - 将文本添加到 html textarea

Question

<div class="main">
<textarea rows ="20" cols="80" name ="output_box" id ="output"></textarea>
</div>

我想要它做的是在按钮单击时向该区域添加文本，如下所示

<div class="classname"  button type =onclick="myFunction()" >
    Export
</div>

这就是它所说的

<script>
    function myFunction()
     {
         var obj = document.getElementById("output").innerHTML;
         var text = document.createTextNode("Test data");
         obj.innerHTML = text;
     }
</script>

但是在经历了很多挫折之后，我无法弄清楚。

Answer 1

具有以下更改的示例：http: //jsfiddle.net/charlescarver/hZw6q/

你的 JS 应该更接近这个：

var obj = document.getElementById("output");
var txt = "Test data";
obj.value = txt;

1. txt!=text
2. 正如马特鲍尔指出的那样，“obj是一个字符串”，而不是一个对象。
3. 你不需要document.createTextNode，因为你正在使用value而不是innerHtml

您的 HTML 还应该是：

<div class="classname" type="button" onClick="myFunction()">
    Export
</div>

并不是：

<div class="classname"  button type =onclick="myFunction()" >
    Export
</div>