2 回答

TA貢獻1883條經驗 獲得超3個贊
首先,假設您已經有一個按鈕,您可以像這樣編寫按鈕單擊的功能。(在 html 中初始化按鈕以進行說明):
<input type="button" id="deleteBtn" value="Delete">
接下來,在 Javascript 中,您將添加此代碼以使按鈕在單擊時調用“刪除”函數(這里我將刪除函數命名為“delCells”):
let delBtn = document.querySelector("#deleteBtn");
delBtn.addEventListener("click", delCells);
這是使按鈕動態化的代碼(以便在按下時調用刪除函數)
現在,在該刪除函數中,如果您想使用 Javascript 遍歷表中的一系列項目,您首先要將該表標識為您的節點:
var table = document.getElementById("mytab1");
現在您有一個指向您的表的節點,您可以簡單地使用 for 循環遍歷它:
for (var i = 0, row; row = table.rows[i]; i++) {
.... }
由于您想獲取一行中所有元素的值,您可以創建一個數組并將所有值存儲在其中,然后將它們處理成一個散列,并根據您的決定進一步處理:
let arr = [] //before the for loop
arr[i] = table.row[i]
現在,將所有這些放在一起,在您的操作函數(當您單擊按鈕時觸發)中,您將擁有:
let arr = []
var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
arr[i] = table.row[i]
}
此時,您將擁有一個包含所有元素的數組,因此您可以繼續嘗試完成的任何操作

TA貢獻1797條經驗 獲得超6個贊
刪除按鈕的類型,HTML中的提交按鈕類型導致頁面不必要地重新加載
<button class="btn btn-danger" id="delete_button" name="delete_button" onclick="get_values(this)">Delete</button
在你的按鈕上添加一個點擊監聽器:
document.getElementById("delete_button").onclick = function(this){
console.log(this)
}
添加回答
舉報