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 相关文章推荐
JS解决ie6下png透明的方法实例
Aug 02 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
js实现最短的XML格式化工具实例
Mar 12 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
Apr 07 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
JS实现的颜色实时渐变效果完整实例
Mar 25 Javascript
javascript时间差插件分享
Jul 18 Javascript
javascript 定时器工作原理分析
Dec 03 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
利用Vue实现移动端图片轮播组件的方法实例
Aug 23 Javascript
基于vue-draggable 实现三级拖动排序效果
Jan 10 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
ThinkPHP处理Ajax返回的方法
2014/11/22 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
PHP 设计模式系列之 specification规格模式
2016/01/10 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
详解thinkphp中的volist标签
2018/01/15 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
关于laravel后台模板laravel-admin select框的使用详解
2019/10/03 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
jquery创建div 实现代码
2009/04/27 Javascript
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
jQuery中map()方法用法实例
2015/01/06 Javascript
jQuery手机拨号界面特效代码分享
2015/08/27 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
基于javascript html5实现3D翻书特效
2016/03/14 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
2016/11/10 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
2017/10/20 jQuery
vue-router路由与页面间导航实例解析
2017/11/07 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
JavaScript HTML DOM元素 节点操作汇总
2019/07/29 Javascript
VUE注册全局组件和局部组件过程解析
2019/10/10 Javascript
Element PageHeader页头的使用方法
2020/07/26 Javascript
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
python操作文件的参数整理
2019/06/11 Python
解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题
2020/05/20 Python
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
银行自荐信怎么写
2015/03/05 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书