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 相关文章推荐
javascript 处理事件绑定的一些兼容写法
Dec 24 Javascript
基于jQuery制作迷你背词汇工具
Jul 27 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
Nov 28 Javascript
js关于命名空间的函数实例
Feb 05 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
Dec 02 Javascript
深入理解JS函数的参数(arguments)的使用
May 28 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
Vuex的actions属性的具体使用
Apr 14 Javascript
js判断鼠标移入移出方向的方法
Jun 24 Javascript
JavaScript常用工具函数库汇总
Sep 17 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 date与gmdate的获取日期的区别
2010/02/08 PHP
php实现图片添加描边字和马赛克的方法
2014/12/10 PHP
如何使用PHP对网站验证码进行破解
2015/09/17 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
PHP中一个有趣的preg_replace函数详解
2018/08/15 PHP
php实现的简单多进程服务器类完整示例
2020/02/01 PHP
Apache+PHP+MySQL搭建PHP开发环境图文教程
2020/08/06 PHP
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
2012/01/13 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
jQuery简易时光轴实现方法示例
2017/03/13 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
基于JavaScript实现抽奖系统
2018/01/16 Javascript
node使用promise替代回调函数
2018/05/07 Javascript
element ui分页多选,翻页记忆的实例
2019/09/03 Javascript
创建pycharm的自定义python模板方法
2018/05/23 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/26 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
python给微信好友定时推送消息的示例
2019/02/20 Python
python openpyxl使用方法详解
2019/07/18 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
精灵市场:Pixie Market
2019/06/18 全球购物
单位提档介绍信
2014/01/17 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
《学会生存》读后感3篇
2019/12/09 职场文书
python 中的@运算符使用
2021/05/26 Python
如何在Python项目中引入日志
2021/05/31 Python
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis
python的列表生成式,生成器和generator对象你了解吗
2022/03/16 Python