让前端飞

JavaScript中对于form对象使用

2018-10-26  本文已影响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都可以获取表单元素对象。

上一篇 下一篇

猜你喜欢

热点阅读