JavaScript对数据表格的增删改查操作详解

一,首先普及 Table对象相关知识点:

1. 常用的属性:rows,cells
2. 常用的方法:insertRow(index):返回tableRow对象;deleteRow(index)
3. Table对象代表一个HTML表格:<ｔａｂｌｅ>表示一个Table对象

二.TableRow对象 相关知识点

1. 常用属性:cells,innerHTML,rowIndex
2. 常用方法:insertCell(index):返回TableCell对象;deleteCell(index)

三.TableCell对象

1. 常用属性:cellIndex,innerHTML,colspan,rowspan

四.对数据表格的增删改查

1.HTML和CSS代码如下:

2.JavaScript增加行代码如下:

3.JavaScript删除行代码如下:

4.JavaScript修改行代码如下:

5.运行结果如下:
增加:

删除:

修改: