使用Javascript创建表格

18 浏览
0 Comments

使用Javascript创建表格

我有一个JavaScript函数，它可以创建一个包含3行2列的表格。

有谁能告诉我如何使用我的函数创建下面的表格（我需要根据我的情况来做这个）？

以下是我给出的JavaScript和HTML代码：

function tableCreate() {
  // 获取body元素的引用
  var body = document.getElementsByTagName("body")[0];
  // 创建和元素
  var tbl = document.createElement("table");
  var tblBody = document.createElement("tbody");
  // 创建单元格
  for (var j = 0; j <= 2; j++) {
    // 创建表格行
    var row = document.createElement("tr");
    for (var i = 0; i < 2; i++) {
      // 创建添加到
元素和文本节点
      // 将文本节点作为元素的内容
      // 将放在表格行的末尾
      var cell = document.createElement("td");
      var cellText = document.createTextNode("cell is row " + j + ", column " + i);
      cell.appendChild(cellText);
      row.appendChild(cell);
    }
    // 将行添加到表格主体的末尾
    tblBody.appendChild(row);
  }
  // 将
中
  tbl.appendChild(tblBody);
  // 将
放在中
  body.appendChild(tbl);
  // 设置表格的边框属性
  tbl.setAttribute("border", "2");
}




  

     
     
  

  

     
     
  

  

     
  





															

							

															

						

						
0