使用delete按钮将两个数组输出到HTML表以确认删除的步骤如下:
以下是一个示例代码:
HTML部分:
<!DOCTYPE html>
<html>
<head>
<title>Delete按钮输出数组到HTML表</title>
</head>
<body>
<table id="myTable">
<thead>
<tr>
<th>数组1</th>
<th>数组2</th>
</tr>
</thead>
<tbody>
<!-- 这里将动态生成表格行 -->
</tbody>
</table>
<button id="deleteButton">删除</button>
<script src="script.js"></script>
</body>
</html>
JavaScript部分(script.js):
// 定义两个数组
var array1 = [1, 2, 3, 4, 5];
var array2 = ['a', 'b', 'c', 'd', 'e'];
// 获取表格和删除按钮元素
var table = document.getElementById('myTable');
var deleteButton = document.getElementById('deleteButton');
// 删除按钮点击事件处理函数
deleteButton.addEventListener('click', function() {
// 清空表格内容
table.innerHTML = '';
// 遍历两个数组,创建表格行和单元格
for (var i = 0; i < array1.length; i++) {
var row = document.createElement('tr');
var cell1 = document.createElement('td');
var cell2 = document.createElement('td');
// 填充数据到单元格
cell1.textContent = array1[i];
cell2.textContent = array2[i];
// 将单元格添加到表格行
row.appendChild(cell1);
row.appendChild(cell2);
// 将表格行添加到表格中
table.appendChild(row);
}
});
这样,当点击删除按钮时,会将两个数组的数据输出到HTML表格中,以确认删除。
领取专属 10元无门槛券
手把手带您无忧上云