javascript - 如何在js中编辑和更新表中的td

Question

需要编辑并更新表中的td。当我单击“编辑”按钮时，我需要编辑表格，并在单击保存时类似地更新它。

function editCell(e) {
  var t = document.getElementById("table");
  var trs = t.getElementsByTagName("tr");
  var tds = null;
    tds = trs[i].getElementsByTagName("td");

    tds[3].appendChild(firstname);  
  tds.innerHTML = firstname.value;

  tds[4].appendChild(lastname);  
  tds.innerHTML = lastname.value;

  tds[5].appendChild(email);  
  tds.innerHTML = email.value;

  tds[6].appendChild(phnumber);  
  tds.innerHTML = phnumber.value;

}

JsFiddle

Answer 1

解决方案:考虑以下内容 JSFiddle与你的解决方案。以下函数将数据“保存”到 td。

function saveCell() {...}

注意:如果您想将其物理保存在某个地方，您需要使用服务器端语言，例如 PHP。