Добрый день.
существует вот такая конструкция:
<form mothod="post" action="admin.php" id="forma">
<div><input type="text" id="id_1"></div>
<div><input type="text" id="id_2"></div>
<a href="#" onClick="addProperty()">Добавить</a>
</form>
Задача состоит в том чтобы по клику вставлялся еще один
<div><input type="text" id="id_3"></div>
Но вставлялся после второго дива: т.е. получалось бы так:
<form mothod="post" action="admin.php" id="forma">
<div><input type="text" id="id_1"></div>
<div><input type="text" id="id_2"></div>
<div><input type="text" id="id_3"></div>
<a href="#" onClick="addProperty()">Добавить</a>
</form>
function addProperty() {
var form = event.target.parentNode;
while (!(form instanceof HTMLFormElement)) {
form = form.parentNode;
}
var elem = document.createElement('div');
elem.style.border = '1px solid #ff0000';
elem.innerHTML = 'blablabla';
form.appendChild(elem);
}
как указать позицию дочернего элемента?
Может быть взять все дочерние элементы, и с помощью массива переставить местами последний(elem) и предпоследний элемент(<a></a>)?
