求助，循环向div中插入数据出错

Question

现在有一个页面，风格如下：
<table>
<tr><td></td></tr>
.....
<tr><td>
<table>
   <div id="test"></div>
</table>
</td></tr>
</table>我在页面中写了下面的jsfunction tt(test)
var str="";
for(var i=0;i<2;i++){
str+="<tr>";
str+="<td width='16'><img src='../images/tree_line03.gif' align='absmiddle'></td>";
str+="<td><a href='' target='main'><img src='../images/tree_file01.gif' align='absmiddle'>";
str+="test";
str+="</a></td>";
str+="</tr>"
alert(str);
}
test.innerHTML = str;
现在str串可以在页面上显示出来，但样式却不一样。
请问应该如何来修改代码？

Answer 1

搞定了，要把<table></table>也在div中写出来，不然样式出不来!!

Answer 2

function tt(test)
var str="<table>";
for(var i=0;i<2;i++){
    str+="<tr>";
    str+="<td width='16'><img src='../images/tree_line03.gif' align='absmiddle'></td>";
    str+="<td><a href='' target='main'><img src='../images/tree_file01.gif' align='absmiddle'>";
    str+="test";
    str+="</a></td>";
    str+="</tr>"           
}
    str+="</table>";
    test.innerHTML = str;这样加进来就可以了