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 相关文章推荐
JQuery优缺点分析说明
Apr 10 Javascript
关于JAVASCRIPT urldecode URL解码的问题
Jan 08 Javascript
基于jQuery.Validate验证库知识点的详解
Apr 26 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
Jun 19 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
Nov 13 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
bootstrap select插件封装成Vue2.0组件
Apr 17 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 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实现提取一个图像文件并在浏览器上显示的代码
2012/10/06 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
PHP微信开发之根据用户回复关键词\位置返回附近信息
2016/06/24 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
JQuery 常用方法基础教程
2009/02/06 Javascript
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
2016/11/07 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
15分钟深入了解JS继承分类、原理与用法
2019/01/19 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
2020/04/28 Javascript
JavaScript链式调用原理与实现方法详解
2020/05/16 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python进程类subprocess的一些操作方法例子
2014/11/22 Python
Python中的defaultdict与__missing__()使用介绍
2018/02/03 Python
Python opencv实现人眼/人脸识别以及实时打码处理
2019/04/29 Python
Python之变量类型和if判断方式
2020/05/05 Python
英国第一豪华护肤品牌:Elemis
2017/10/12 全球购物
曼城官方网上商店:Manchester City
2019/09/10 全球购物
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
优秀的毕业生的自我评价
2013/12/12 职场文书
接受捐赠答谢词
2014/01/27 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
煤矿开采专业求职信
2014/07/08 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
2014年流动人口工作总结
2014/11/26 职场文书
2015年乡镇环保工作总结
2015/04/22 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
Mysql 如何实现多张无关联表查询数据并分页
2021/06/05 MySQL
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers