将文本添加到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. Matt Ball指出，“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>