javascript 如何制作一个编辑按钮,可以编辑写入表格的动态值

icnyk63a  于 2023-02-02  发布在  Java
关注(0)|答案(1)|浏览(120)

我想做一个函数,可以编辑我的动态表值。我看到其他问题,但他们使用的为和其他标签,但我是新的js,所以帮助我。
我试图使一些功能,但没有使用。给予我的例子使用替换标签。

vyswwuz2

vyswwuz21#

我给予个例子供大家参考:

function genTable() {
  let table = document.createElement("Table");
  let row = table.insertRow();
  let cell = row.insertCell();
  cell.innerHTML = "a";
  cell = row.insertCell();
  cell.innerHTML = "<button onclick='edit(this)'>Edit</button>";
  document.body.appendChild(table);
}

function edit(element) {
  let thisRow = element.parentNode.parentNode;
  for (let i = 0; i < thisRow.cells.length-1; i++) {
    let cell = thisRow.cells[i];
    cell.contentEditable = true;
  }
}
<button onclick="genTable()">
Generate a Table
</button>

相关问题