javascript - 将新列表项推到顶部而不是底部。

Question

我想将列表中的新元素始终推到顶部而不是底部。我怎样才能做到这一点？

这是我的代码:

function saveToList(event) {
    if (event.which == 13 || event.keyCode == 13) {
        var movieName = document.getElementById('movieName').value.trim();
        if (movieName.length > 0) {
            var li = '<div>' + movieName + '</div>';
            document.getElementById('favMovies').innerHTML += li;
        }
        document.getElementById('movieName').value = '';
        return false;
    }
}

[...]

function refreshUI(list) {
    var lis = '';
    for (var i = 0; i < list.length; i++) {
        lis += '<div data-key="' + list[i].key + '">' + list[i].name + '<div>';
    };
    document.getElementById('favMovies').innerHTML = lis;
};

Answer 1

使用can可以这样做。

function refreshUI(list) {
    var lis = [];
    for (var i = 0; i < list.length; i++) {
        lis.push('<div data-key="' + list[i].key + '">' + list[i].name + '<div>');
    };
    document.getElementById('favMovies').innerHTML = lis.reverse().join('');
}