javascript - 如何让我的 JavaScript 正确平铺此表？

Question

var intervalID;
function autoUpdateFeed() 
{
    if( document.autoupdatefeedform.autoupdatefeed.checked == true )
    {
        intervalID = setInterval(updateFeed, 1000);
    } else {
        clearInterval(intervalID);
    }
}
function updateFeed()
{
    var oRequest;
    try {
            oRequest=new XMLHttpRequest();
        } catch (e)   {
        try {
            oRequest=new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
            try {
                oRequest=new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {
                    alert("Your browser does not support AJAX!");
                    return false;
                }
             }
        }
        oRequest.onreadystatechange=function()
    {
        if(oRequest.readyState==4)
        {
        //Start of problem.
            var newfeedstable = document.getElementById("newfeeditems");
            var newcontent = document.createElement('tr');
            newcontent.innerHTML = oRequest.responseText;
            while (newcontent.firstChild)
        {
                newfeedstable.insertBefore(newcontent.firstChild, newfeedstable.firstChild);
            }
        //End of problem.
        }
    }
    oRequest.open("GET","back/newsfeedlatest.php",true);
    oRequest.send(null);
}

这是我和我的 friend 目前正在使用的 JavaScript 代码，用于将新的状态更新添加到表中，以便在我们正在处理的社交网站上进行新的状态更新，问题是当新元素添加到表中时，它们平铺到侧面，而不是向下平铺，所以我需要知道为什么会发生这种情况以及如何解决它，有什么想法吗？欲了解更多信息，请访问该网站，您可能需要注册一个帐户，但请随意使用虚假电子邮件，直到我们再次开始使用电子邮件激活。 http://friendgrid.com/以下是问题的屏幕截图以供进一步引用:http://dl.dropbox.com/u/2281426/Newsfeed%20Error.bmp

Answer 1

问题出在 While 内的行:

newfeedstable.insertBefore(newcontent.firstChild, newfeedstable.firstChild);

第一个参数应该只有 newcontent没有 .firstChild ，第一个子元素将仅插入该元素，而不是新创建的 <TR>

尽管我建议您使用 DOM 方法来修改表，但更简单的方法是:

TableElement.insertRow( 0).innerHTML = oRequest.responseText;

在您的情况下，TableElement 将是 newfeedstable，如果您以后不需要它，您可以减少为:

document.getElementById("newfeeditems").insertRow( 0).innerHTML = oRequest.responseText;

0 作为参数将使插入始终作为第一行，使用 -1 使插入始终作为最后一行。