JavaScript在html頁面上創建一個新行？

Question

我有一個JavaScript函數，當用戶點擊一個按鈕時打印一些文本框。

但是，當用戶多次點擊按鈕時，文本框只是沿着頁面走，但是我希望每次調用該函數時它總是在新行中。

我想這

x=document.write ('<br/>'); 
      document.getElementById('txtara').appendChild(x) 

但是，這只是我的清除頁面空白。

感謝

Answer 1

document.getElementById ('txtara').innerHTML += '<br>'; 

Answer 2

你這樣做是錯誤的。 document.write寫入到頁面的末尾，並且不返回HTML元素。你需要的是：

var x = document.createElement('br'); 
document.getElementById('txtara').appendChild(x) 

Answer 3

使用document.write將清除頁面上的所有內容。你應該使用CSS來設置你的文本框的樣式，使它們顯示出你想要的樣子。