將文本添加到HTML文本區域

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. 爲你使用value，而不是innerHtml

你不需要 document.createTextNode

你的HTML也應該是：

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

而不是：

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