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获取事件对象代码
Aug 05 Javascript
javascript基础知识大集锦(一) 推荐收藏
Jan 13 Javascript
用JavaScript实现动画效果的方法
Jul 20 Javascript
基于JQuery打造无缝滚动新闻步骤详解
Mar 31 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
Node.js自定义实现文件路由功能
Sep 22 Javascript
使用vue如何构建一个自动建站项目
Feb 05 Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 Javascript
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
基于原生js实现九宫格算法代码实例
Jul 03 Javascript
vue created钩子函数与mounted钩子函数的用法区别
Nov 05 Javascript
vue-cli中实现响应式布局的方法
Mar 02 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
php延迟静态绑定实例分析
2015/02/08 PHP
php开发工具有哪五款
2015/11/09 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
Yii框架创建cronjob定时任务的方法分析
2017/05/23 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
网页设计常用的一些技巧
2006/12/22 Javascript
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
了解了这些才能开始发挥jQuery的威力
2013/10/10 Javascript
浅析javascript操作 cookie对象
2014/12/26 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
Python实现在线暴力破解邮箱账号密码功能示例【测试可用】
2017/09/06 Python
python构建深度神经网络(续)
2018/03/10 Python
快速排序的四种python实现(推荐)
2019/04/03 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
使用Python判断一个文件是否被占用的方法教程
2020/12/16 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
另类冲刺标语
2014/06/24 职场文书
环保志愿者活动总结
2014/06/27 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
2014财务年终工作总结
2014/12/08 职场文书
中学教师个人总结
2015/02/10 职场文书
医院保洁员岗位职责
2015/02/13 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python
Python中super().__init__()测试以及理解
2021/12/06 Python