Что делает этот код?

var item = document.getElementsByTagName('li');           //Выбираем все li-шки в документе
for (var i = 0; i < item.length; i++){                   //Запускаем цикл для перебора всех li
  item[i].style.position = 'relative';                   //Каждому li устанавливаем css-свойство "position: relative"
  var span = document.createElement('span');             // Создаем span
  span.style.cssText = 'position:absolute;left:0;top:0'; //Присваиваем созданному спану стили
  item[i].appendChild(span);                              //Помещаем span в li
}

В общем - всем элементам списка (li) задаём относительное позиционирование и в каждый добавляем по спану со своими стилями