[bpystep]

Добрый день.
существует вот такая конструкция:

<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>)?