美文网首页让前端飞
JavaScript中对于form对象使用

JavaScript中对于form对象使用

作者: 大海之一点 | 来源:发表于2018-10-26 14:15 被阅读8次

1.Form对象是document下的一个子对象,表示表单对象。form对象代表一个HTML表单,在HTML文档中<form>每出现一次,就有一个Form对象被创建。有时,写作document.from.....或写为window.form......

2.form对象中有length属性,返回表单中input标签元素的数目,用得较多些

3.form对象中集合:element[index] (index的范围是0~length-1)包含表单中所有input元素标签的数组,元素在数组中的顺序与其在表单出现的位置是一致的,如:<input type="text"  id="test1.........>        <input type="text"  id="test2"........>

               formObject.element[0]   为 id为test1的input对象      

              formObject.element[1]   为  id为test2的input对象 

4.通过element[]集合可以获取每个input标签中属性

            方式为:formObject.element[index].property

        该特性可以是:type,class,value等

5.几个获取表单对象的方法

注意:document.form[index]跟form.element[index]的原理一致,通过form表单在html文档的先后顺序来获取表单相应的表单对象。

6.对比几个获取表单元素的方法

个人总结:觉得通过form对象获取到元素方便些,不必像第一种去在意标签在表单中的位置,也不要第三种敲那多字母 。

  最后,补充一点 通过document.form.className.value与document.form.idName.value都可以获取表单元素的value值(这一点,小生已经验证了),由此可以推之,document.form.className与document.form.idName都可以获取表单元素对象。

相关文章

  • JavaScript中对于form对象使用

    1.Form对象是document下的一个子对象,表示表单对象。form对象代表一个HTML表单,在HTML文档中...

  • 表单上传的几种方法

    使用form表单进行提交 使用FormData对象 使用jquery.form.js jquery.form.js...

  • _GET _POST 传值 页面跳转

    javascript 页面跳转 php 传值 对于a标签 id写在a标签的属性 对于form表单 传在form 属...

  • JavaScript 类

    JavaScript 是面向对象的语言,但 JavaScript 不使用类。在 JavaScript 中,不会创建...

  • HTML表单使用方法

    Html中的form表单常用于用户信息的填写和提交,在前端开发中使用较为广泛。 form对象 建立一个form表单...

  • JavaScript(Day02)

    1、JavaScript数组 2、JavaScript对象的使用 3、JavaScript内置对象

  • 构造函数和原型对象

    javascript使用构造函数和原型对象来进行面向对象编程 构造函数 在 JavaScript 中,构造器其实就...

  • FormData对象

    HTML5 Form Data 对象的使用

  • JavaScript 对象的三种创建方法

    JavaScript中对象的创建有以下几种方式: 使用内置对象 使用JSON符号 自定义对象构造 使用类创建(ES...

  • 025|JavaScript new语句

    前面我们已经学习过JavaScript中可以使用{}来新建一个对象。如: JavaScript中每一个对象都有类型...

网友评论

    本文标题:JavaScript中对于form对象使用

    本文链接:https://www.haomeiwen.com/subject/xsepaftx.html