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

JavaScript010

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

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

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

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

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

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

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

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

用js获取表格元素,行元素tr或者列元素td,进行css样式设置即可

<table><tr><td></td></tr></table>

<script type="text/javascript" scr="jquery.js">

    

    $('tr').css('border','solid 1px purple')

    $('td').css('border-collapse','collapse')

    $('td').css('padding','10px')

</script>

//以上方法是jquery方式实现获得和样式修改

//其中css和attr中参数可变,一个参数时意为获取,两个参数为设置

//设置样式也可给元素添加属性用attr

//或者addClass都可以,添加class属性等