Question

我有一个包含js的表，允许我对数据进行排序。但我需要能够更改数据并让js在单击标题时仍然对其进行排序。我有一个带有按钮的侧面输入框。我正在寻找一种onclick方法，将表格数据从X更改为输入框中的内容。

<td id="tabledata1">
  1
</td>

我需要能够更改该表数据中的“1”。我找不到影响该特定数字的功能代码。我猜它是像document.getElementById("tabledata1").style.color这样的东西，而不是style.color，而是有一些东西可以引用表数据。

Answer 1

它看起来像这样

＆＃13;

var cell = document.getElementById("tabledata1");
var button = document.getElementById("my-button");
var input = document.getElementById("my-input");
var par = document.getElementById("result");

button.addEventListener("click", function() {
  cell.textContent = input.value;
});

＆＃13;

<input id="my-input" type="text" />

<button id="my-button">Change Table Data</button>

<table>
  <tr>
    <td id="tabledata1">1</td>
  </tr>
</table>

<p id="result"></p>

＆＃13;

击穿

首先查询文档以获取所需的ID并将其存储到变量中。然后，您可以使用addEventListener函数侦听点击事件。

您可以使用textContent属性更改表格单元格的文本，并将其设置为等于输入元素的值。

html5 onclick更新表数据

1 个答案: