InsertAfter прошу помочь

[Mecm]

Здравствуйте. Имеем функцию:

function ShowSpot(spot_name) {
	var node = document.getElementById('div_two'), first = node.firstChild, newNode = document.createElement('li');
	newNode.id = 'div_one';
	node.insertBefore(newNode, first);
	var text = document.getElementById('div_one'),
	OurText= "№" +ix + "" + ": " + spot_name;
	text.innerHTML = OurText;
	return  new_mass2;
}

Выводит забитый список из БД, связанный с Яндекс картами. Но это не важно. Список выводится столбиком в обратном порядке нумерации, т.е. сверху 10..9..8..1. Нужно в точности до наоборот. Как я понял, необходимо использование обратной функции InsertAfter, но приспособить её под свою я так и не смог. Помогите пожалуйста разобраться с этим вопросом. Спасибо.

[danik.js]

node.appendChild(newNode)

[Mecm]

node.appendChild(newNode)

Заменить на 2й или 4й строке? Не работает в обоих случаях...

[Mecm]

Я уже пробовал создать пустой 2-й объект чтобы insertBefore вставляла туда, а визуально отображался список в правильном порядке, но всё равно не получается ничего

[Mecm]

up. hepl pls

[danik.js]

<ul id="ul"></ul>
<script>
var items = ['111', '222', '333'];
var node = document.getElementById('ul');

for (var key in items) {
  var item = document.createElement('li');
  item.textContent = items[key];
  node.insertBefore(item, node.firstChild);
}
</script>

<ul id="ul"></ul>
<script>
var items = ['111', '222', '333'];
var node = document.getElementById('ul');

for (var key in items) {
  var item = document.createElement('li');
  item.textContent = items[key];
  node.appendChild(item);
}
</script>

Что именно не ясно?