JS动态创建表（添加、删除行和单元格）、动态设置属性、动态添加事件

1.()和()函数

()函数可以带参数，形式如下：

(index)：索引从0开始

该函数在索引处的行之前添加一个新行，例如 (0)，这会在第一行之前添加一个新行。 默认的()函数相当于(-1)，它在表的末尾添加一个新行。 一般我们使用的时候： 。 （.行。）。 就是在表的末尾添加一个新行。

()和的用法相同，这里不再赘述。

2.()和()方法

()函数可以带参数，形式如下：

(index)：索引从0开始

与上面两种方法含义相同，都是删除指定位置的行和单元格。 需要传入的参数：Index是该行在表中的位置，可以通过以下方法获取和删除：

var row=.("行的 ID");

var 索引=行。； //还有这个属性，呵呵

。（指数）;

说一下我在使用过程中遇到的一个问题。 删除表中的行时，如果删除某一行，表中的行数将立即发生变化。 所以如果要删除表中的所有行，下面的代码是错误的：

将内容复制到剪贴板代码：

(){

= .("");

为（变量我= 1;我

。（我）;

}此代码删除原始表的主体有两个问题。 首先，它不能是（i），而应该是（1）。 因为删除表行时，表行数是变化的。 这是问题的关键。 行。 总是越来越小。 删除的行数总是小于预期的一半，因此请正确删除表行。 代码应该如下所示：

将内容复制到剪贴板代码：

(){

= .("");

var = .rows.;

为（变量我= 1;我

。（我）;

3.动态设置单元格和行的属性

A.使用()方法

格式如下：（属性，属性值）

注意：该方法几乎适用于所有 DOM 对象。 第一个参数是属性的名称，例如：，第二个参数是要设置的值，例如：

var = .("");

.("",1);//设置表格边框为1

对于其他用途，例如要设置TD的高度，则必须先获取TD对象，然后使用()方法。

var = .("");

.("",24);//设置单元格的高度为24

我在使用的时候遇到了设置样式的问题。 你不能使用 ("class",""); 相反，您应该使用 ("","")。 哈哈，估计其他人也有同样的问题。 有些属性和我们在DW中的相同。 这里面有不一致的地方，哈哈，我们自己探索一下。

B. 直接分配

var = .("");

.=1;//设置表格边框为1

这个方法也适用于所有人，哈哈。

C. 复合属性

var = .("");

。风格。 =“”；

4. 创建表

一旦了解了行和单元格的添加和删除，您就可以创建表格。

第 1 步：您需要有一个要动态更改的表。 我这里所说的是页面上已经存在的表格。 我们需要设置一个id：

var = .("");

步骤 2：创建行和列对象

var 索引 = .rows.-1;

var = .(index);//要添加的行从第二行添加到最后一行。

//单元格编号

var = .();

变量=“”；

。 =“”；

.("","");

5.添加事件

A. 不带参数的情况

(){

警报（'嗨'）；

var tr = 表.();

tr.("",);

或者

tr.("","()");

或者

tr.ο=(){();};

或者

tr.o=;

B. 传递参数的方法

变量 = (对象)

()

obj.='';

var tr = 表.();

tr.("",(tr));