javascript对form表单的dom操作
一、Form对象
DOM继承关系：Node —— Element —— HMTLElement —— Form

1、Form对象的属性
.elements //表单中所有元素的数组
.length //表单中元素的数目，与elements.length的值一致
除这两个属性，其它的就是<form>标签中的属性
注：还有一种特殊的属性——如果表单元素设置了name的值，则这个值就成了表单的一个属性，可以通

过form.name来直接访问这个元素。

2、Form对象的方法
.submit() //提交表单
.reset() //重置表单

3、事件句柄
.onsubmit = function() // 指定在提交表单之前调用的函数
.onreset = function() //指定在重置表单前之调用的函数

二、Select的对象：
DOM继承关系：Node —— Element —— HTMLElement —— Select

1、Select对象的属性
.form // 包含本元素的form对象
.length //包含<option>元素的个数
.options // Option对象的数组
.selectedindex? // 选项被选中的下标，如果无选中项，返回-1;如果有多个选中项，则返回第一个选

中项的下标

2、Select对象的方法
.add( option ) // 添加一个option对象
.remove( option ) // 删除一个option对象

三、Option继承关系：
DOM继承关系：Node —— Element —— HTMLElement —— HTMLOptionElement

1、Option对象的属性：
.form // 包含这个option的form对象引用
.index //本option的位置
.text? //本option的文本内容
.value //本option的值
.selected // 该选项的状态，返回true表示被选中

2、构造方法
new Option(text,value) // 生成一个Option对象，可以让select.add()来添加

注：上面对象除了本身所具有的属性和方法之外，还继承了它们的上面的三个父类的属性和方法，继承

的这些属性和方法是DOM的核心.

?

javascript对table的dom操作
一、Table对象
DOM继承关系：Node —— Element —— HTMLElement —— Table

1、Table对象的属性：
.rows //返回一个数组，存放所有的行对象，即TableRow对象
除了这个属性之外，其它的就是<table>标记中的属性

2、Table对象的方法：
.insertRow( index ) //插入一行，返回新插入的TableRow对象
.deleteRow( index ) //删除一行

二、TableRow对象
DOM继承关系：Node —— Element —— HTMLElement —— TableRow

1、TableRow对象的属性：
.cells //返回存放所有单元格的数组，即元素是TableCell对象
.rowIndex //返回该行所在表中的位置
除了这两个属性外，其它的就是<tr>标记中的属性

2、TableRow的方法
.insertCell( index ) //在指定位置插入一个单元格，返回被插入的单元格（TableCell）对象
.deleteCell( index ) //删除一个单元格

三、TableCell对象
DOM继承关系：Node —— Element —— HTMLElement —— TableCell

1、TableCell对象的属性
.cellIndex //返回它在行中的位置
除了这个属性之外，其它的就是<td>标记中的属性