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

更新时间：2016年06月20日 11:07:07 投稿：mrr

这篇文章主要介绍了JavaScript操作表单实例讲解(上)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

一、获得表单引用

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 获取或设置表单控件是否禁用 true false
form 指向包含本元素的表单的引用

3>方法

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

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

您可能感兴趣的文章:

浅析JS中NEW的实现原理及重写
本文通过实例代码给大家介绍了JS中NEW的实现原理及重写，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
2020-02-02
javascript与jquery动态创建html元素示例
这篇文章主要介绍了javascript与jquery动态创建html元素的方法,结合实例形式分析了javascript与jQuery动态创建页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2016-07-07
鼠标悬浮停留三秒后自动显示大图js代码
这篇文章主要介绍了鼠标悬浮停留三秒后显示大图，在网页中还是比较实用的，下面是示例代码
2014-09-09
基于JS实现简单滑块拼图游戏
本文通过实例代码给大家介绍了JS实现简单滑块拼图游戏，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
2019-10-10
JavaScript引用类型Array实例分析
这篇文章主要介绍了JavaScript引用类型Array,结合实例形式较为详细的分析了JavaScript数组相关的创建、检测、转换、排序、栈、队列、引用等各种常见操作技巧,需要的朋友可以参考下
2018-07-07
JavaScript中绑定事件的三种方式及去除绑定
大家都知道要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。下面这篇文章给大家详细介绍了JavaScript中绑定事件的三种方式以及去除绑定的方法，有需要来一起看看吧。
2016-11-11
JavaScript实现简单贪吃蛇效果
这篇文章主要为大家详细介绍了JavaScript实现简单贪吃蛇效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03
js制作可以延时消失的菜单
这篇文章主要为大家详细介绍了基于JavaScript制作可以延时消失的菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
每天一篇javascript学习小结（Boolean对象）
这篇文章主要介绍了javascript中的Boolean对象知识点，对Boolean对象的基本使用方法进行解释，一段很详细的代码介绍，感兴趣的小伙伴们可以参考一下
2015-11-11
js创建表单元素并使用submit进行提交
这篇文章主要介绍了js创建表单元素并使用submit进行提交,需要的朋友可以参考下
2014-08-08