javascript - 多个表行中的日期

Question

我每次单击按钮时都试图在新表格行中创建一个新日期，但它显示错误“document.getElementById("mydate"+no).innerHTML = day + "/"+ month + "/“+ year; is null” 下面是所有代码的 fiddle ，可以更好地理解我想要什么

function getmyDate(no) {
    d = new Date();
    year = d.getFullYear();
    month = d.getMonth() + 1;
    day = d.getDate();
    document.getElementById("mydate"+no).innerHTML = day + "/" + month + "/" + year;
    }

https://jsfiddle.net/9gc1y3bu/

Answer 1

首先去掉这里一起调用的函数，只调用add_row()

<button id="btn" type="button" onclick="add_row();">

其次，在表中添加行后调用getmyDate方法。

//ADD ROWS//
function add_row() {
  if (tbody.rows.length > 20) {
    return;
  }
  new_from = document.getElementById("new_from").value;
  new_to = document.getElementById("new_to").value;

  var table = document.getElementById("data_table");
  var table_len = table.rows.length - 1;
  var row = (table.insertRow(table_len).outerHTML =
    "<tr id='row" +
    table_len +
    "'><td id='serial" +
    table_len +
    "'></td><td id='mydate" +
    table_len +
    "'></td><td id='from" +
    table_len +
    "'>" +
    new_from +
    "</td><td id='to" +
    table_len +
    "'>" +
    new_to +
    "</td><td id='wage" +
    table_len +
    "'></td><td><i class='far fa-edit' id='editrow" +
    table_len +
    "' onclick='edit_row(" +
    table_len +
    ")'></i> <i class= 'far fa-save' id='saverow" +
    table_len +
    "' onclick='save_row(" +
    table_len +
    ")'></i><i class='far fa-trash-alt' onclick='delete_row(" +
    table_len +
    ")'></i></td></tr>");

  document.getElementById("new_from").value = "";
  document.getElementById("new_to").value = "";

 getmyDate(table_len); //======> here and pass the number

}

工作示例: https://jsfiddle.net/mrAhmedkhan/0def93vt/