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 事件绑定函数代码
Apr 28 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
JavaScript动态插入script的基本思路及实现函数
Nov 11 Javascript
jquery.form.js用法之清空form的方法
Mar 07 Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 Javascript
JavaScript的jQuery库中ready方法的学习教程
Aug 14 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
Jan 27 Javascript
vue 动态组件用法示例小结
Mar 06 Javascript
js实现浏览器打印功能的示例代码
Jul 15 Javascript
微信小程序实现下拉加载更多商品
Dec 29 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伪静态的实现详细介绍
2013/04/28 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
详解PHP对数组的定义以及数组的创建方法
2015/11/27 PHP
PHP回调函数简单用法示例
2019/05/08 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
获取客户端网卡MAC地址和IP地址实现JS代码
2013/03/17 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
jQuery 处理页面的事件详解
2015/01/20 Javascript
深入学习JavaScript中的Rest参数和参数默认值
2015/07/28 Javascript
Bootstrap精简教程中秋大放送
2016/09/15 Javascript
原生js实现类似fullpage的单页/全屏滚动
2017/01/22 Javascript
jQuery使用unlock.js插件实现滑动解锁
2017/04/04 jQuery
React组件生命周期详解
2017/07/03 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
原生JS实现天气预报
2020/06/16 Javascript
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python中二维阵列的变换实例
2014/10/09 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
Nike挪威官网:Nike.com (NO)
2018/11/26 全球购物
试述DBMS的主要功能
2016/11/13 面试题
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
2015年董事长秘书工作总结
2015/07/23 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
Java基础之详解HashSet的使用方法
2021/06/30 Java/Android
python元组打包和解包过程详解
2021/08/02 Python
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL
JS实现刷新网页后之前浏览位置保持不变示例详解
2022/08/14 Javascript
CentOS7 minimal 最小化安装网络设置过程
2022/12/24 Servers