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加解密功能页面
Dec 12 Javascript
js中字符替换函数String.replace()使用技巧
Aug 14 Javascript
面向对象设计模式的核心法则
Nov 10 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
Aug 01 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
JS实现json对象数组按对象属性排序操作示例
May 18 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
JS 自执行函数原理及用法
Aug 05 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
JavaScript缓动动画函数的封装方法
Nov 25 Javascript
vue中如何自定义右键菜单详解
Dec 08 Vue.js
如何实现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
用cookies来跟踪识别用户
2006/10/09 PHP
一个简单的PHP投票程序源码
2007/03/11 PHP
在CentOS上搭建LAMP+vsftpd环境的简单指南
2015/08/01 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
CodeIgniter基于Email类发邮件的方法
2016/03/29 PHP
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
2011/02/24 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
详解vue2父组件传递props异步数据到子组件的问题
2017/06/29 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
2018/02/05 Javascript
vue实现直播间点赞飘心效果的示例代码
2019/09/20 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
微信小程序 接入腾讯地图的两种写法
2021/01/12 Javascript
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
Django自定义用户认证示例详解
2018/03/14 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
django Serializer序列化使用方法详解
2018/10/16 Python
Python PO设计模式的具体使用
2019/08/16 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
Python面向对象编程基础实例分析
2020/01/17 Python
面向新手解析python Beautiful Soup基本用法
2020/07/11 Python
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
俄罗斯女装店:12storeez
2019/10/25 全球购物
土建资料员岗位职责
2014/01/04 职场文书
高一家长会邀请函
2014/01/12 职场文书
婚礼新郎父母答谢词
2014/01/16 职场文书
大学生励志演讲稿
2014/04/25 职场文书
出国签证在职证明
2014/09/20 职场文书
办公室主任四风问题对照检查材料思想汇报
2014/09/28 职场文书
2014年城管工作总结
2014/11/20 职场文书
收入证明申请书
2015/06/12 职场文书
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python