js数组输出表单

<script type="text/javascript">
/*
<table>,<tr>,<td>,</td>,<tr>,</table>
页面在遇到</tr></table>的时候才输出,前的都是放到数组中没有输出
*/
/*用数组拼接*/
var arr=new Array();
arr.push('<table border="1" bordercolor="#006600" cellspacing="0" cellpadding="10" width="400" height="200">');
for (var i =1 ; i <=9  ; i++ ) {
arr.push("<tr>");
for (var j =1 ; j <=i  ; j++ ) {
arr.push("<td>");
arr.push(j+"*"+i+"="+i*j);
arr.push("</td>");
}
arr.push("</tr>");
}
arr.push("</table>");
var tab=arr.join("");
//document.write(tab);
/**/
var div1=document.getElementById("div1");
div1.innerHTML = arr;

    </script>

输出:

其中这些逗号是哪里来的?

arr中装的是[<table>,<tr>,<td>,</td>,<tr>,</table>]是表格标签,当页面在遇到</tr></table>的时候才输出,前的都是放到数组中没有输出.

输出的都是逗号.

如何解决?

运用arr中的join方法,用空格替换数组中的逗号,返回字符串,在输出

var tab=arr.join("");
document.write(tab);