js取值中form.all和不加all的区别介绍


Posted in Javascript onJanuary 20, 2014

在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代表第一个元素,会忽略其他的。

Javascript 相关文章推荐
Valerio 发布了 Mootools
Sep 23 Javascript
Ext grid 添加右击菜单
Nov 26 Javascript
Exjs 入门篇
Apr 07 Javascript
jQuery控制输入框只能输入数值的小例子
Mar 20 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
Mar 14 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
快速解决brew安装特定版本flow的问题
May 17 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
Jun 18 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
Nov 10 Javascript
js实现课堂随机点名系统
Nov 21 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 #Javascript
引用外部脚本时script标签关闭的写法
Jan 20 #Javascript
用jquery写的一个万年历(自写)
Jan 20 #Javascript
js控制input框只读实现示例
Jan 20 #Javascript
js给页面加style无效果的解决方法
Jan 20 #Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 #Javascript
js报$ is not a function 的问题的解决方法
Jan 20 #Javascript
You might like
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
PHP内核探索之变量
2015/12/22 PHP
PHP封装的mysqli数据库操作类示例
2019/02/16 PHP
Laravel框架源码解析之入口文件原理分析
2020/05/14 PHP
用JTrackBar实现的模拟苹果风格的滚动条
2007/08/06 Javascript
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
2013/04/15 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
2015/02/02 Javascript
jQuery解析XML文件同时动态增加js文件的方法
2015/06/01 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
Vue.js实现分页查询功能
2020/11/15 Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
2018/03/23 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
2018/09/07 Javascript
[03:59]DOTA2英雄梦之声_第07期_水晶室女
2014/06/23 DOTA
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
python提取内容关键词的方法
2015/03/16 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
Python 实现取矩阵的部分列,保存为一个新的矩阵方法
2018/11/14 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
2019/05/13 Python
处理python中多线程与多进程中的数据共享问题
2019/07/28 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
俄罗斯品牌服装和鞋子在线商店:BRIONITY
2020/03/26 全球购物
空字符串(“”)和null的区别
2012/11/13 面试题
医科大学毕业生自荐信
2014/02/03 职场文书
反对邪教标语
2014/06/30 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
教师节简报
2015/07/20 职场文书
一年级语文教学随笔
2015/08/14 职场文书
Java面试题冲刺第十五天--设计模式
2021/08/07 面试题
vmware虚拟机打不开vmx文件怎么办 ?vmware虚拟机vmx文件打开方法
2022/04/08 数码科技