javascript - JQuery - 使用 .innerHTML 附加而不是替换内容？

Question

下面是一个函数，它检索用户较旧的墙贴，一次 16 个，并将每个 16 个 block 附加到名为“sw1”的 div 中当前列表的末尾。

它工作正常，除非当前有一个包含当前正在播放的视频/嵌入对象的墙报。当我们在播放sw1中某个对象的过程中点击调用下面函数的按钮时，下面的函数似乎导致sw1的整个内容被删除，然后重新转储。

是否可以修改下面的函数，使其仅将新数据附加到 sw1 的末尾，而不是替换全部内容，杀死当前正在播放的所有对象？

function fetch_older_wallposts(u,lim){
var xhr = getXMLHttpRequest();

xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {

//document.getElementById( 'sw1' ).innerHTML.append( xhr.responseText );
document.getElementById( 'sw1' ).innerHTML += xhr.responseText;
}else{
document.getElementById( 'oaps_loading' ).innerHTML = 'loading';
}
};

xhr.open("POST", "script.php?u="+u+"&lim="+lim, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(null);
}

感谢任何形式的帮助或指导......

感谢所有有用的评论!

Answer 1

如果你打算使用 jQuery，为什么混合和匹配样式，请一直使用 jQuery:

function fetch_older_wallposts(u,lim){
    $('#oaps_loading').html('loading');
    $.ajax({url: 'script.php', data: { u: u, lim: lim}, type: 'POST', 
        success: function(data) {
            $('#sw1').append(data);
        });
}