javascript - 使用 ClassName 将输入类型 ="Button"的值从编辑更改为保存

Question

function edit_row(element1) {
  var num = getId(element1);
  var favDrink = prompt("Enter input value");
  list[num] = favDrink;
}

<input type='button' value='edit' class='edit-btn' onclick='edit_row(this);'>

当用户单击此按钮时，edit_row(this) 函数将运行。这将使用提示将值存储到点击的索引中。

我有动态数组，the array will display like this in the table form我希望，当用户单击此按钮时，值也应该从编辑更改为保存。我想使用 javascript 来做所有事情，而不是 jquery。

Answer 1

单击按钮传递事件，

<input type='button' value='edit' class='edit-btn'onclick='edit_row(this, $event);'>

在函数中，您可以通过event.target.innerText访问文本值。将其更改为您想要的任何内容。

function edit_row(element1, event) {
 event.target.innerText = 'Save'; // Change the text value to 'Save'
 var num = getId(element1);
 var favDrink = prompt("Enter input value");
 list[num] = favDrink;
}