在 JavaScript 中向现有表添加行

adding row to an existing table in javascript

本文关键字：添加行 JavaScript      更新时间：2023-09-26

伙计们，我现在这是个假问题，但我花了几个小时，无法到达.. 我想将行添加到现有表中，该行由复选框和 4 个文本框组成.. 当我运行它时，文本框会出现，但复选框没有.. 这是我的代码

function addRow() {
var i = 1;
var table = document.getElementById("table");
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);    
var html = [];
html.push("<table id='table'>'n<body>");
html.push("<tr><td><input type='checkbox' name='chk'/></td>");
var cell = row.insertCell(html);
for ( var propertyNames in grid.data[0]) {
    cell = row.insertCell(i);
    var element = document.createElement("input");
    element.type = "text";
    element.size = 10;
    element.name = "input"+i;
    cell.appendChild(element);
    html.push("<td>" + cell + "</td>");
    i++;
}
html.push("</tr>");
html.push("</body>'n</table>");
}

问题是您正在创建一个带有复选框标记的数组，但它从未添加到表中

function addRow() {
  var i = 1;
  var table = document.getElementById("table");
  var rowCount = table.rows.length;
  var row = table.insertRow(rowCount);
  var cell = row.insertCell();
  var element = document.createElement("input");
  element.type = "checkbox";
  element.name = "chk";
  cell.appendChild(element);
  for (var propertyNames in grid.data[0]) {
    cell = row.insertCell(i);
    element = document.createElement("input");
    element.type = "text";
    element.size = 10;
    element.name = "input" + i;
    cell.appendChild(element);
    i++;
  }
}
var grid = {
  data: [{
    x: 1,
    y: 1
  }]
};
addRow();
<table id="table"></table>

相关文章：