Javascript 表格创建

Question

尝试使用以下代码创建表格但无法正常工作。请指出我哪里出错了。

var i,j;

function cell(ih){
    var tcell =document.createElement('td');
    tcell.innerHTML=ih;
    return tcell;
}

mutable=document.createElement('table');
for (i=0;i<10;i++){
    row1=document.createElement('tr');
    for(j=0;j<10;j++){
        row1.appendChild(cell(j));
    }
    mutable.appendChild(row1);
    document.write(mutable);
}

Answer 1

你有几个问题，前两个是大问题，后两个是风格问题和与其他代码冲突的风险:

1. 您正在尝试document.write HTMLElementNodes。 document.write 只处理字符串。获取容器元素(例如使用 document.getElementById)并附加到它
2. 每次向其中添加一行时，您都在尝试记录.write 整个表格。在表格完成后追加表格，而不是每次执行循环时都追加表格。
3. 你到处都在使用全局变量，学会喜欢 var 关键字
4. row1 是一个糟糕的变量名，您正在操作的行通常不是第一行