微客导航 » 文章资讯 » JavaScript操作表单实例讲解(上)

JavaScript操作表单实例讲解(上)

2024-03-16 18:40:02 441

一、获得表单引用

1>通过直接定位的方式来获取

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

2>通过集合的方式来获取引用

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

3>通过name直接获取“（只适用于表单）

document.name

二、获得表单元素的引用

1>直接获取

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

2>通过集合来获取

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

3>直接通过name的形式

表单对象.name

三、表单元素共同的属性和方法

1>获取表单元素的值

表单元素对象.value获取或是设置值

2>属性

disabled获取或设置表单控件是否禁用truefalse
form指向包含本元素的表单的引用

3>方法

blur()失去焦点
focus()获得焦点

以上所述是小编给大家介绍的JavaScript操作表单实例讲解(上)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！