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

171 阅读 0 评论 113 点赞

我是靠谱客的博主唠叨斑马，这篇文章主要介绍JavaScript操作表单实例讲解(上)，现在分享给大家，希望可以做个参考。

一、获得表单引用

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

复制代码

1
2
3
document.getElementById();
document.getElementsByName();
document.getElementsByTagName();

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

复制代码

1
2
3
document.forms[下标]
document.forms["name"]
document.forms.name

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

复制代码

1
document.name

二、获得表单元素的引用

1>直接获取

复制代码

1
2
3
document.getElementById();
document.getElementsByName();
document.getElementsByTagName();

2>通过集合来获取

复制代码

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

3>直接通过name的形式

表单对象.name

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

1>获取表单元素的值

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

2>属性

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

3>方法

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

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

以上就是唠叨斑马最近收集整理的关于JavaScript操作表单实例讲解(上)的全部内容，更多相关JavaScript操作表单实例讲解(上)内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。