如何在动态生成的html表中使用2d数组在TD标记中设置值

时间:2015-03-11 11:09:21

标签: javascript html

这里我创建了2d数组,并使用嵌套for循环将数组值分配给TD元素,但它不生成表。它为我提供了一个空白的网页。

var tbl3=document.createElement("table");
tbl3.border="1";
tbl3.setAttribute("cellpadding",25);    
var col_mt=document.createElement("td");
var row_hd=document.createElement("tr");
var mt_txt=document.createTextNode("");
col_mt.appendChild(mt_txt);             
row_hd.appendChild(col_mt);         

for(var i=1;i<=mc;i++) {
  var row_txt=document.createTextNode("M"+i);
  var col_hd=document.createElement("th");
  col_hd.appendChild(row_txt);
  row_hd.appendChild(col_hd);   
}

tbl3.appendChild(row_hd);       

for(var i=1;i<=mc;i++) {
  var row_st=document.createTextNode("M"+i);
  var col=document.createElement("th");
  var row=document.createElement("tr");
  col.appendChild(row_st);
  row.appendChild(col);

  for(var j=1;j<=mc;j++) {
    var cell=document.createElement("td");
    //var col_txt=document.createTextNode(res[i][j); <--this res[i][j] is 2D array, But it produces error
    cell.appendChild(col_txt);
    row.appendChild(cell);
  }

  tbl3.appendChild(row);
}

div3.appendChild(tbl3);

1 个答案:

答案 0 :(得分:0)

mc未定义(在循环内),定义mc是什么(例如我要比较的是什么),你可能需要将它附加到页面上(尝试document.write或$())。追加())