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 相关文章推荐
jquerymobile checkbox及时刷新才能获取其准确值
Apr 14 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 Javascript
详细解读JavaScript的跨浏览器事件处理
Aug 12 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
Oct 23 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
Mar 02 Javascript
javascript对象的相关操作小结
May 16 Javascript
微信小程序websocket实现聊天功能
Mar 30 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
layer弹出层显示在top顶层的方法
Sep 11 Javascript
使用vue引入maptalks地图及聚合效果的实现
Aug 10 Javascript
vue中element 的upload组件发送请求给后端操作
Sep 07 Javascript
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 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
Protoss魔法科技
2020/03/14 星际争霸
php Try Catch异常测试
2009/03/01 PHP
PHP编码转换
2012/11/05 PHP
PHP获取浏览器信息类和客户端地理位置的2个方法
2014/04/24 PHP
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
详解Nodejs之npm&amp;package.json
2017/06/15 NodeJs
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
python文件与目录操作实例详解
2016/02/22 Python
浅谈python import引入不同路径下的模块
2017/07/11 Python
详解Python正则表达式re模块
2019/03/19 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
python系统指定文件的查找只输出目录下所有文件及文件夹
2020/01/19 Python
Python中logging日志库实例详解
2020/02/19 Python
Python页面加载的等待方式总结
2021/02/28 Python
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
给面试官的感谢信
2014/02/01 职场文书
农村葬礼主持词
2014/03/31 职场文书
财务管理专业自荐书
2014/09/02 职场文书
房屋租赁合同解除协议书
2014/10/11 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
幸福来敲门观后感
2015/06/04 职场文书
表彰大会新闻稿
2015/07/17 职场文书
如何在C++中调用Python
2021/05/21 Python
Python selenium的这三种等待方式一定要会!
2021/06/10 Python
Golang的继承模拟实例
2021/06/30 Golang