Javascript 是否可以编辑HTML表中的数据？

我还没有找到答案，但是有没有一个推荐的JavaScript库/插件可以让用户编辑表中的数据，就像任何类型的输入一样？或者我应该在表的

标记中创建一个包含文本输入的表吗？

这是您想要的功能吗？

或者，如果您希望客户端能够编辑表，此插件可能更有用：

---

您是否正在寻找此功能？

或者，如果您希望客户端能够编辑表，此插件可能更有用：

---

将出色的Datatables jquery插件与其可编辑插件结合使用-请参见此处的演示：

数据表-

---

添加可编辑性的插件-

将出色的Datatables jquery插件与其可编辑插件结合使用-请参见此处的演示：

数据表-

---

添加可编辑性的插件-

如果您对没有插件的解决方案感兴趣，只需以单元格为目标

如果您知道表的ID：

document.getElementById("**tableID**")
  .getElementsByTagName("tr")[Row Number]
  .getElementsByTagName("td")[Cell Number];

否则，您需要从索引中选择表

document.getElementsByTagName("table")[Table Number]
  .getElementsByTagName("tr")[Row Number]
  .getElementsByTagName("td")[Cell Number];

例如，如果有一个表有两行两列，我希望它们都有一个数字，我只需要做：

var tableElm = document.getElementById("**tableID**") //table element
  .getElementsByTagName("tr")[0]  //row element
  .getElementsByTagName("td");  //individual cells

the table and row selection is now cached in tableElm
tableElm[0].innerHTML = "1";
tableElm[1].innerHTML = "2";
tableElm[2].innerHTML = "3";
tableElm[3].innerHTML = "4";

---

您甚至不需要“.getElementsByTagName（“tr”）[0]”，除非您有理由查询行本身。如果去掉它，单元格编号将包括表中的每个单元格，而不考虑行。

如果您对没有插件的解决方案感兴趣，只需针对单元格

如果您知道表的ID：

document.getElementById("**tableID**")
  .getElementsByTagName("tr")[Row Number]
  .getElementsByTagName("td")[Cell Number];

否则，您需要从索引中选择表

document.getElementsByTagName("table")[Table Number]
  .getElementsByTagName("tr")[Row Number]
  .getElementsByTagName("td")[Cell Number];

例如，如果有一个表有两行两列，我希望它们都有一个数字，我只需要做：

var tableElm = document.getElementById("**tableID**") //table element
  .getElementsByTagName("tr")[0]  //row element
  .getElementsByTagName("td");  //individual cells

the table and row selection is now cached in tableElm
tableElm[0].innerHTML = "1";
tableElm[1].innerHTML = "2";
tableElm[2].innerHTML = "3";
tableElm[3].innerHTML = "4";

---

您甚至不需要“.getElementsByTagName（“tr”）[0]”，除非您有理由查询行本身。如果您去掉它，单元格编号将包括表中的每个单元格，而不考虑行。

如果我可以选择多个答案作为接受的答案，我会！如果我可以选择多个答案作为接受答案，我会！