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代表第一个元素，会忽略其他的。
相关文章
这篇文章主要介绍了原生Js实现的画廊功能，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下2021-05-05
JavaScript 字符串新增方法 trim() 的使用说明
这篇文章主要介绍了JavaScript字符串新增方法trim()的使用说明，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下2022-09-09
想必大家对参数传递并不陌生吧，本文为大家介绍下JS的参数传递,需要的朋友可以参考下2014-02-02
本文主要介绍了js实现带三角符手风琴效果的实例。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
今天小编就为大家分享一篇 layui扩展上传组件模拟进度条的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
DataGear开发基于three.js的3D数据可视化看板的详细代码
DataGear 支持采用原生的HTML、JavaScript、CSS制作数据可视化看板，也支持导入由npm、vite等前端工具构建的前端程序包，这篇文章主要介绍了DataGear制作基于three.js的3D数据可视化看板,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了JavaScript实现带箭头标识的多级下拉菜单效果,可实现横向与纵向箭头的形式标识选中菜单项位置的功能,涉及javascript针对页面元素位置的判定与样式动态操作技巧,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了JavaScript实现经典贪吃蛇游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要为大家详细介绍了微信小程序CSS3动画下拉菜单效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
本文主要介绍了Javascript实现登录记住用户名和密码功能的代码。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
最新评论