Javascript создает новую строку на HTML-странице?

Question

У меня есть функция javascript, которая печатает некоторые текстовые поля, когда пользователь нажимает кнопку.

Однако, когда пользователь нажимает кнопки несколько раз, текстовые поля просто перемещаются по странице, но я хочу, чтобы он всегда находился на новой строке при каждом вызове функции.

Я пробовал это

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

Но это просто очищает мою страницу до белого цвета.

Спасибо

Answer 1

Вы сделали это неправильно. document.write пишет в конец страницы и не возвращает элемент HTML. Что вам нужно, это:

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

Answer 2

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

Answer 3

Использование document.write очистит все остальное со страницы.Вы должны использовать CSS для стилизации ваших текстовых полей, чтобы они выглядели так, как вы хотите.