如何向textarea中添加文字

Question

现在有四个按钮为buttonA.B.C.D.点击他们如何向textarea写好的的文字中添加文字
入

<textarea name="" rows="" cols="">
    我！
    是
    XXX。
    几年好多岁了。
</textarea>

后台给的数据是一个数组是内容

content = ['xiaoming','xiaohong','xiaolv','xiaobai']

如何点击ABCD四个按钮把XXX改为相对应的文字

Answer 1

var text = document.getElementsByTagName('textarea')[0]
addEventListener('click',function(){
    text.value = 'xiaoming';
}

Answer 2

<textarea id ="test" value="" ></textarea>
<input type="button" class = "btn" value="btn1" data-str="xiaoming" />
<input type="button" class = "btn" value="btn2" data-str="xiaohong" />
<input type="button" class = "btn" value="btn3" data-str="xiaolv" />
<input type="button" class = "btn" value="btn4" data-str="xiaobai" />
$(document).ready(function(){

$(".btn").click(function(){
var data=$(this).attr("data-str");
    var text = $("#test").val(" ");
    $("#test").val( "我是"+data+"几年好多岁了。");
});

});

Answer 3

可以通过循环；把数组content中的元素；添加到按钮对应的位置。