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

How to Edit and update the td in a table in js

本文关键字：更新 td 编辑 js      更新时间：2023-09-26

需要编辑和更新表中的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 与您的解决方案。以下函数将数据"保存"到 td。

function saveCell() {...}

注意：如果要将其物理保存在某个位置，则需要使用服务器端语言，例如PHP。

相关文章：