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

因此，对于第一个，在innerHTML之前添加li。

document.getElementById('favMovies').innerHTML = li + document.getElementById('favMovies').innerHTML;

第二个你在数组上向后循环。

for (var i = list.length-1; i >=0 ; i--) {

Answer 2

以这种方式使用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('');
}

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

2 个答案: