js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息

JavaScript011

js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息,第1张

1、首先开始新建html文件。

2、然后创建一个三行三列的表格。

3、接下来开始创建js函数。

4、接下来开始进行定义变量获取行。

5、然后就将函数加在按钮上。

6、就可以看到预览效果如图。

7、最后点击第二个按钮删除 第二行。

<table width='200px' height='200px' border=1 cellspacing='0'>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</table>

<script>

const es = document.getElementsByTagName('tr')

for (const key in es) {

es[key].onclick = function() {

let number = parseInt(key) + 1

alert('你点击的是第' + number + '行表格')

}

}

</script>