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

时间:2016-03-21 07:51:37

标签: javascript json html-table

需要编辑和更新表格中的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

1 个答案:

答案 0 :(得分:1)

解决方案:在您的解决方案中考虑以下JSFiddle。以下函数将数据“保存”到td。

function saveCell() {...}

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