如何在动态生成的 HTML 表中使用 2D 数组在 TD 标签中设置值

how to set values in TD tag using 2d array in a dynamically generated html table

本文关键字：2D 数组 标签 设置 TD 动态 HTML      更新时间：2023-09-26

在这里，我创建了 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);

mc未定义（在循环内），定义mc是什么（例如，我正在与什么进行比较），您可能需要将其附加到页面（尝试document.write或$（）.append（））

相关文章：