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更新表數據

回答

相關問題