javascript对form表单的DOM操作
程序员文章站
2022-07-15 14:28:44
...
一、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对象的数组
.selectindex // 选项被选中的下标,如果无选中项,返回-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的核心,具体可查看我的文章http://han2000lei.iteye.com/admin/blogs/518083
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对象的数组
.selectindex // 选项被选中的下标,如果无选中项,返回-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的核心,具体可查看我的文章http://han2000lei.iteye.com/admin/blogs/518083
上一篇: 剑指offer之二进制中1的个数
下一篇: 位运算、异或的实际应用