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 相关文章推荐
jquery利用event.which方法获取键盘输入值的代码
Oct 09 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
Jul 18 Javascript
angular中的cookie读写方法
Aug 02 Javascript
vue引入jq插件的实例讲解
Sep 12 Javascript
js数组实现权重概率分配
Sep 12 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
解决vue热替换失效的根本原因
Sep 19 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
Feb 19 Javascript
详解JavaScript 中的批处理和缓存
Nov 19 Javascript
微信小程序 接入腾讯地图的两种写法
Jan 12 Javascript
JavaScript实现音乐播放器
Aug 14 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
摩卡咖啡
2021/03/03 咖啡文化
超级简单的发送邮件程序
2006/10/09 PHP
PHP 中执行排序与 MySQL 中排序
2009/04/21 PHP
如何获知PHP程序占用多少内存(memory_get_usage)
2012/09/23 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
thinkPHP3.2使用RBAC实现权限管理的实现
2019/08/27 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
JavaScript prototype对象的属性说明
2010/03/13 Javascript
Javascript变量函数浅析
2011/09/02 Javascript
Jquery插件写法笔记整理
2012/09/06 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
2016/08/02 Javascript
Javascript 实现简单计算器实例代码
2016/10/23 Javascript
jquery-mobile表单的创建方法详解
2016/11/23 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
手把手教你vue-cli单页到多页应用的方法
2018/05/31 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
python for 循环获取index索引的方法
2019/02/01 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
使用pytorch 筛选出一定范围的值
2020/06/28 Python
blueseventy官网:铁人三项和比赛泳衣
2021/02/06 全球购物
企业理念标语
2014/06/09 职场文书
青年标兵事迹材料
2014/08/16 职场文书
2014党员民主评议个人思想剖析发言
2014/09/19 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
个人催款函范文
2015/06/23 职场文书
详解Python中*args和**kwargs的使用
2022/04/07 Python
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python