请高人帮忙看下这段JS为何不会输入出表格。。

Question

  <script language="javascript">
var colorhex= new Array("00", "33", "66", "99", "cc", "ff");
var tab=document.createElement("<table>");
for (var c1=0; c1 < colorhex.length; c1++) {
var tr=document.createElement("<tr>");
for (var c2=0; c2 < colorhex.length; c2++) {
for (var c3=0; c3 < colorhex.length; c3++) {
var col='#'+colorhex[c1] + colorhex[c2] + colorhex[c3];
var td=document.createElement("<td>");
td.setAttribute("bgcolor", col);
}
}
tr.appendChild(td);
}
tab.appendChild(tr);
document.body.appendChild(tab);
alert(tab);
  </script>不知道那里的问题。。就是不会输出。。

Answer 1

1
var tab=document.createElement("<table>"); -> var tab=document.createElement("table");

Answer 2

createElement的参数是标记的名字，把尖括号都去掉。
<table> to table
<tr>    to tr
<td>    to td

Answer 3

  <script language="javascript">
var colorhex= new Array("00", "33", "66", "99", "cc", "ff");
var tab=document.createElement("table");
for (var c1=0; c1 < colorhex.length; c1++) {
var tr=document.createElement("tr");
for (var c2=0; c2 < colorhex.length; c2++) {
for (var c3=0; c3 < colorhex.length; c3++) {
var col='#'+colorhex[c1] + colorhex[c2] + colorhex[c3];
var td=document.createElement("td");
td.setAttribute("bgcolor", col);
}
}
tr.appendChild(td);
}
tab.appendChild(tr);
document.body.appendChild(tab);
//alert(tab);
  </script>
去掉了。。还是不显示。。

Answer 4

http://ruyuntao.javaeye.com/blog/293408

Answer 5

var table = document.createElement('table'), 
    tr = document.createElement('tr'), 
    td = document.createElement('td'); 
    
    table.cellPadding = 0, table.cellSpacing = 1, table.border = 1; 
    td.width = 80, td.height = 24; 
    
    for (i = 0; i < _td; i++) { 
        tr.appendChild(td.cloneNode(true)); 
    } 
    for (i = 0; i < _tr; i++) { 
        table.appendChild(tr.cloneNode(true)); 
    } 
    document.body.appendChild(table); 

Answer 6

    var colorhex= new Array("00", "33", "66", "99", "cc", "ff");
    var tab=document.createElement("<table>"); //尖括号貌似不是关键……
    var tbo=document.createElement("<tbody>"); //tbody可以appendChild之类的，table标签好像不行
    for (var c1=0; c1 < colorhex.length; c1++) {
        var tr=document.createElement("<tr>");
        for (var c2=0; c2 < colorhex.length; c2++) {
            for (var c3=0; c3 < colorhex.length; c3++) {
                var col='#'+colorhex[c1] + colorhex[c2] + colorhex[c3];
                var td=document.createElement("<td>");
                    td.bgColor = col;
                    td.innerHTML = "&nbsp;"; //不加空格也行，不过显示的很小
tr.appendChild(td); //必须放在循环内，否则就找不到新建的td了
            }
        }
tbo.appendChild(tr); //必须放在循环内，否则就找不到新建的tr了
    }
    tab.appendChild(tbo);
    document.body.appendChild(tab);
    //alert(tab);

Answer 7

更简洁的方法：使用insertRow()/insertCell()
<script language="javascript">
    var colorhex= new Array("00", "33", "66", "99", "cc", "ff");
    var tab=document.createElement("<table>");
    for (var c1=0; c1 < colorhex.length; c1++) {
        var tr = tab.insertRow();
        for (var c2=0; c2 < colorhex.length; c2++) {
            for (var c3=0; c3 < colorhex.length; c3++) {
                var col='#'+colorhex[c1] + colorhex[c2] + colorhex[c3];
                var td = tr.insertCell();
                    td.bgColor = col;
                    td.innerHTML = "&nbsp;";
            }
        }
    }
    document.body.appendChild(tab);
    //alert(tab);
</script>