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 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 Javascript
Js动态添加复选框Checkbox的实例方法
Apr 08 Javascript
复制js对象方法(详解)
Jul 08 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
Jun 06 Javascript
Jquery ajax基础教程
Nov 20 Javascript
js和jquery分别验证单选框、复选框、下拉框
Dec 17 Javascript
Vue.js之slot深度复制详解
Mar 10 Javascript
Vuex之理解state的用法实例
Apr 19 Javascript
ES6 中可以提升幸福度的小功能
Aug 06 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
小程序开发之模态框组件封装
Apr 23 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使用Imagick生成图片的方法
2015/07/31 PHP
PHP下使用mysqli的函数连接mysql出现warning: mysqli::real_connect(): (hy000/1040): ...
2016/02/14 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
PHP实现唤起微信支付功能
2019/02/18 PHP
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
2013/03/25 Javascript
JS辨别访问浏览器判断是android还是ios系统
2014/08/19 Javascript
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
2016/02/25 Javascript
简单实现jquery焦点图
2016/12/12 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
Vue render深入开发讲解
2018/04/13 Javascript
微信小程序中使用echarts的实现方法
2019/04/24 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
Python时间戳使用和相互转换详解
2017/12/11 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法
2019/08/06 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
法院实习人员自我鉴定
2013/09/26 职场文书
汽车检测与维修专业求职信
2013/10/30 职场文书
传播学专业毕业生自荐信
2013/11/04 职场文书
市场营销专业个人求职信范文
2013/12/14 职场文书
学生打架检讨书
2014/02/14 职场文书
我的祖国演讲稿
2014/05/04 职场文书
应届生求职信范文
2014/05/26 职场文书
自愿离婚协议书2015
2015/01/26 职场文书
司机个人年终总结
2015/03/03 职场文书
班主任远程培训研修日志
2015/11/13 职场文书
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android