DOM操作form表单

一、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对象，通过mySelect.options.add()来添加 (mySelect是你的select对象)