Доброго времени суток уважаемые форумчане.
Подскажите пожалуйста как сделать перенос, между создаваемыми динамически элементами?
Имею такой код:
<!DOCTYPE html>
<html>
<body>
<p>Click the button to make a BUTTON element.</p>
<button onclick="myFunction()">Try it</button>
<form id="MyForm">
</form>
<script>
function myFunction() {
var btn = document.createElement("input");
document.getElementById('MyForm').appendChild(btn);
//document.body.appendChild(btn);
}
</script>
</body>
</html>
При нажатии на кнопку создаются элементы формы,внутри формы "MyForm" но они создаются друг за другом в горизонтальном направлении, а мне нужно чтобы при создании нового элемента происходил перенос на новую строку и новый элемент создавался бы внизу.
Подскажите как это реализовать?
Пытался сделать через
document.write("<br>")
Но у меня все исчезает со странички, и страница виснет.
Будьте добры подскажите как быть?
Спасибо!!!