js取值中form.all和不加all的区别介绍
更新时间:2014年01月20日 16:36:32 作者:
在js里取值,可以用form.xx.value,也可以用form.all.xx.value,那么js取值中form.all和不加all有什么区别呢?下面就为大家详细介绍下
在js里取值,可以用form.xx.value,也可以用form.all.xx.value,那么他们有什么区别呢?
原先想当然的以为加all是取form里的所有xx(如果有多个name相同的元素),返回的是数组,后来在网上搜索了一下,发现不是这个意思,
all代表的是form里的所有元素,就是说form.all可以访问<form></form>标签包含的任意元素,包括div、table等,而form.xx只能访问表单元素,像input、select等。
测试如下:
<form>
<div id=div1><input name=text1 id=text1></div>
<input name=text2 id=text2>
</form>
form.xx只能访问text1、text2(对表单元素,name和id通用),而form.all.xx则可以访问text1、text2、div1。
对表单元素,name和id通用,例如上面,form.text1和form.all.text1等同。
对非表单元素,只能通过form.all.xx(xx是id)形式访问,也可以省略form.all,就是说可以直接使用xx。
注意:访问表单元素时,如果有多个xx,则form.xx和form.all.xx返回的都是数组,
而对于非表单元素,如果有多个id相同的元素,则form.all.xx代表第一个元素,会忽略其他的。
原先想当然的以为加all是取form里的所有xx(如果有多个name相同的元素),返回的是数组,后来在网上搜索了一下,发现不是这个意思,
all代表的是form里的所有元素,就是说form.all可以访问<form></form>标签包含的任意元素,包括div、table等,而form.xx只能访问表单元素,像input、select等。
测试如下:
复制代码 代码如下:
<form>
<div id=div1><input name=text1 id=text1></div>
<input name=text2 id=text2>
</form>
form.xx只能访问text1、text2(对表单元素,name和id通用),而form.all.xx则可以访问text1、text2、div1。
对表单元素,name和id通用,例如上面,form.text1和form.all.text1等同。
对非表单元素,只能通过form.all.xx(xx是id)形式访问,也可以省略form.all,就是说可以直接使用xx。
注意:访问表单元素时,如果有多个xx,则form.xx和form.all.xx返回的都是数组,
而对于非表单元素,如果有多个id相同的元素,则form.all.xx代表第一个元素,会忽略其他的。
相关文章
JavaScript之underscore_动力节点Java学院整理
JavaScript是函数式编程语言,支持高阶函数和闭包。函数式编程非常强大,可以写出非常简洁的代码。下面通过实例讲解JavaScript之underscore的相关知识,一起看看吧2017-07-07
最新评论