Проблемы с createElement и appendChild

Две проблемы - впереди, попытка установить id и name на playerList[0] (которого еще не существует) не сработает.

Во-вторых, попытка добавить целый «узел», полный html, в стиле jQuery, не работает в мире простого JS. Вам нужно наращивать отдельные элементы.

sessionStorage.eventid = 2;
var playerList = [];

playerList.push({
    id: 0,
    name: "Add New Player"
});
playerList.push({
    id: 5,
    name: "Asako"
});
playerList.push({
    id: 6,
    name: "James"
});
playerList.push({
    id: 7,
    name: "Brian"
});
playerList.push({
    id: 8,
    name: "Helmut Spargle"
});

function listAll() {

    var element = document.getElementById("listView");
    var div = document.createElement("div");
    var node = "some string";
    for (var i = 0; i < playerList.length; i++) {
        div = document.createElement("div");
        div.setAttribute("onClick", "formOver(" + playerList[i].id + ")");

        var p = document.createElement('p');
        p.innerHTML = playerList[i].name;

        var br = document.createElement('br');
        p.appendChild(br);

        var small = document.createElement('small');
        small.innerHTML = '&nbsp;';
        p.appendChild(small);

        div.appendChild(p);

        element.appendChild(div);
    }
}
listAll();

Пример: http://jsfiddle.net/NF45y/

Изначально:

var playerList = [];
playerList[0].id = 0;

Здесь вы должны получить сообщение об ошибке при попытке установить свойство id для undefined. Ты можешь сделать:

var playerList = [{}];
playerList[0].id = 0;
playerList[0].name = "Add New Player";

или добавьте объект так же, как и другие. Внутри функции;

function listAll() {
    var element = document.getElementById("listView");
    var div;
    var node;
    for (var i = 0; i < playerList.length; i++) {
        div = document.createElement("div");
        div.setAttribute("onClick", "javascript: formOver(" + playerList[i].id + ")");

Не используйте setAttribute для добавления слушателей таким образом, он не предназначен для использования и не работает везде, для простоты используйте свойства DOM:

        div.onclick = function(){...};

Поскольку вы устанавливаете значения внутри цикла, вам нужно разорвать замыкание с помощью переменных. Немедленно вызываемое функциональное выражение (IIFE) может помочь:

        div.onclick = (function(id) {
                         return function(){formOver(id);}
                      }(playerList[i].id));

Не используйте синтаксис XML в документе HTML, и нет особого смысла в '\n', если только вы не собираетесь читать разметку:

        node = "<p>" + playerList[i].name + "<br><small>&nbsp</small></p>";
        div.appendChild(node);

appendChild ожидает элемент DOM, а не разметку. Поскольку это единственное содержимое элемента div, вы можете использовать разметку для установки его свойства innerHTML (возможно, вы захотите изменить имя node на markup ):

        div.innerHTML = node;

        element.appendChild(div);
    }
}