JavaScript获取表单及表单元素引用的三种方法详解

获取表单引用的三种方式

一、获取表单引用

第一种方式是通过直接定位来捕获表单对象。

document.getElementById();
document.getElementsByName();
document.getElementsByTagName();

第二种方式是利用文档集合机制来获取表单引用。

document.forms[下标]
document.forms["name"]
document.forms.name

第三种方式是直接通过name属性获取，该方法仅适用于表单对象本身。

document.name

二、获取表单内部元素的引用

针对表单内的具体元素，第一种方法是直接定位获取。

document.getElementById();
document.getElementsByName();
document.getElementsByTagName();

第二种方法是通过表单元素的集合进行遍历或索引访问。

表单对象.elements 获得表单里面所有元素的集合
表单对象.elements[下标]
表单对象.elements["name"]
表单对象.elements.name

第三种方法是直接利用元素的name属性进行引用。

语法格式为：表单对象.name

表单元素的共有属性与方法

三、表单元素共有的属性与方法

1. 获取或设置表单元素的值。

使用表单元素对象.value 属性，既可以读取当前值，也可以进行赋值操作。

2. 常用属性介绍。

disabled 属性用于获取或设置控件是否处于禁用状态，返回布尔值 true 或 false。form 属性则指向包含当前元素的父表单对象的引用。

3. 常用方法介绍。

blur() 方法用于使元素失去焦点，focus() 方法用于使元素获得焦点。

以上内容介绍了JavaScript操作表单的基础实例（上篇），旨在为读者提供实用的参考。若有任何疑问，欢迎留言交流，小编将及时回复。感谢大家对本站的支持！