textarea的内容修改问题

Question

<script type="text/javascript">
function gethtml(td_id){document.getElementById("Textarea1").innerHTML+=td_id.innerHTML+"\r\n";}
</script><td id="td1" ondblclick="gethtml(td1)">123</td>
js效果时，点击td时，td的内容会增加到textarea的内容上
网页运行时，我点击td时，内容的确是被加到textarea上了，但这个不是"\r\n"回车符吗？为什么我点击第二次时，没法实现在textarea中新的一行上显示内容呢？
还有我直接现在textarea上输入内容，期间有按回车，内容例如为：
123
123
1234
但我点击td后，td内容加到textarea上时，textarea内容会变为：123 123 1234 td内容  这样那些回车都变为了空格，请问是怎么回事呢？？？麻烦大家帮帮忙，谢谢了！！！  

Answer 1

{document.getElementById("Textarea1").value+=td_id.innerHTML+"\r\n";}
为什么要使用innerHTML呢？另外应该写<td id="td1" ondblclick="gethtml(this)">123</td>

Answer 2

td那些不是用innerHTML来获取他们的内容吗？？