Вопрос о порядке создания элементов в Javasript

Добрый день, создаю страничку с помощью следующего кода:

HTML код:

for (var i = 1; i<5; i++){



        var item = document.createElement('li');

        item.appendChild (textNodes[i]);

        myList.appendChild (item);

        //myList.appendChild(document.createElement('li').appendChild(textNodes[i]));



}

Соответственно myList - это обычный список, а TextNodes - массив, содержащий элементы этого списка. Что интересно, так это то, что если оставить такой код, то всё получается правильно: у меня есть список, где каждый элемент списка находится на новой линии, а слева каждого элемента есть черный кружочек.

Но если я делаю тоже самое, но только в одну строчку (см. закомменченную строку), то все элементы списка "приклеиваются" к друг другу на одной строчке и без всяких точек.

По мне, логика работы одна и та же, но что-то не срабатывает. В чем дело?