碰到件怪事

[bbdsj007]

var Div = document.getElementById("list");
var Table = NewsListTable.value.Table;
var UL = document.createElement("UL");
var i = 0;
var Row = Table.Rows[i];
while(Row != null)            
{
    var URL = NewsPageURL + "?tid=" + Row.TypeID + "&nid=" + Row.NewsID;
    var Li = document.createElement("LI");
    Li.innerHTML = "<span>[" + Row.Time + "]</span><a href=\"" + URL + "\" target=\"_blank\" class=\""+ Row.Css +"\" title = \"" + Row.Title +"\">" + Row.Title) + "</a>";
    if(Row.ISNEW == 1)
    {
        Li.Class = "news";
    }
    UL.appendChild(Li);
    i++;
    Row = Table.Rows[i];
}
Div.innerHTML = UL.outerHTML;

和

var Div = document.getElementById("list");
var Table = NewsListTable.value.Table;
var UL = document.createElement("UL");
var i = 0;
var Row = Table.Rows[i];
while(Row != null)            
{
    var URL = NewsPageURL + "?tid=" + Row.TypeID + "&nid=" + Row.NewsID;
    var Li = document.createElement("LI");
    Li.innerHTML = "<span>[" + Row.Time + "]</span><a href=\"" + URL + "\" target=\"_blank\" class=\""+ Row.Css +"\" title = \"" + Row.Title +"\">" + Row.Title) + "</a>";
    if(Row.ISNEW == 1)
    {
        Li.Class = "news";
    }
    UL.appendChild(Li);
    i++;
    Row = Table.Rows[i];
}
Div.appendChild(UL);

自动生成的HTML都是一样的,为什么产生的效果却不是一样的?Li.Class="news"则显示NEW图片
第一种则会显示NEW图片,而第二种却不会...请教下..为什么

[大宇_]

appendChild应该只是追加,没有赋值

[bbdsj007]

但是我设断点查到DIV.outerHTML和UL.outerHTML一样的