html5 onclick更新表数据

我有一个表，有js让我排序数据。但我需要能够更改数据，并让js在点击标题时仍然对其进行排序。我有一个按钮旁边的输入框。我正在寻找一种方法来将表格数据从X更改为该输入框中的任何内容。html5 onclick更新表数据

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

我需要能够改变 “1”，在表中的数据。我无法找到影响该特定号码的功能码。我猜测它是这样的document.getElementById("tabledata1").style.color，而不是style.color有什么可以引用表数据。

来源

2015-12-14 Shale

这将是这个样子

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; 
 
});

<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>

击穿

首先查询你想要的ID文件，并将它们存储到变量。然后您可以使用addEventListener函数来监听点击事件。

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

来源

2015-12-14 20:55:49

html5 onclick更新表数据

回答

相关问题