使用Javascript在页面末尾添加新内容

时间:2013-12-05 12:59:17

标签: javascript jquery ajax

你好,不能帮助自己。我有一个页面,用户可以在那里发布状态。但我发现,当用户按下按钮时,新帖子会显示在旧帖子后的页面末尾(底部)。

目前,ajax将所有新帖子设置在较旧帖子的顶部。 我想反向。

我在这个函数中有这个片段,我知道它在这篇文章中有一些变化,但我无法弄清楚要改变哪种方式。

var currentHTML = _("statusdescrib").innerHTML;
var currentdbxHTML = _("databox").innerHTML;
        _("statusdescrib").innerHTML = '<div id="status_'+sid+'" class="status_boxes"><div>Posted by you just now:<span id="sdb_'+sid+'"><a href="#" onclick="return false;" onmousedown="deleteStatus(\''+sid+'\',\'status_'+sid+'\');" title="DELETE THIS STATUS">delete</a></span></div></div>'+currentHTML;
            _("databox").innerHTML = '<div id="status_'+sid+'" class="status_boxes">'+data+'</div>'+currentdbxHTML;

感谢您的帮助

1 个答案:

答案 0 :(得分:2)

将currentHTML放在新插入的html之前,如下所示:

var currentdbxHTML = _("databox").innerHTML;
        _("statusdescrib").innerHTML = currentHTML+'<div id="status_'+sid+'" class="status_boxes"><div>Posted by you just now:<span id="sdb_'+sid+'"><a href="#" onclick="return false;" onmousedown="deleteStatus(\''+sid+'\',\'status_'+sid+'\');" title="DELETE THIS STATUS">delete</a></span></div></div>';
            _("databox").innerHTML = '<div id="status_'+sid+'" class="status_boxes">'+data+'</div>'+currentdbxHTML;

正如您在第二行中看到的那样,我将+ currenHTML移动到包含的HTML片段前面,以读取currentHTML + ...