JS点击添加内容到textarea

Question

JS点击链接将值添加至textarea内，但是有几个要求。
1.添加内容后清空textarea原有内容。
2.添加内容后换行一下，然后将光标放在新行开头。不知道大家能理解不？
其实就是我网站的一个评论功能里的回复功能，比如在点击1楼的“回复他”，那就给评论内容的textarea框内添加“回复1楼”，然后光标放在换行后的新行等待用户输入回复的内容。

Answer 1

<a href="javascript:void(0)" onclick="a()">回复他</a>
<textarea id="t" cols="100" rows="10">abc</textarea><script>
  function a(){
    var e=document.getElementById("t");
    e.focus();
    e.innerText="回复1楼：\r\n";
  }
</script>

Answer 2

<a href="javascript:doit('回复1楼');void(0);">回复他</a>
<textarea id="ta" rows="10" cols="40">xxx</textarea>
<script language="JavaScript"> 
function doit(s){
var t = document.getElementById("ta");
t.value = s + "\n";
t.focus();
if(document.all) t.createTextRange().collapse(false);
else t.selectionStart = t.value.length;
}
</script>

Answer 3

此为正解。。
当然你也可以不用<a>标签，自己定义onclick事件