Javascript textarea appendchild不起作用

Question

您好，下面是我的代码，

<textarea id="textArea"></textarea>
<button class="btn" onclick="appendText()">Append Text</button>

<script>
function appendText()
{
    var textarea=document.getElementById('textArea');
    var t = document.createTextNode("Hello World \n"); 
    textarea.appendChild(t);
}
<script>

在textarea中键入任何内容之前，此代码会将'Hello World'附加到textarea，如果手动键入任何内容并单击按钮，则意味着此代码不会在textarea中附加'Hello World'，为什么在textarea中键入后附加不起作用？任何帮助表示赞赏