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 相关文章推荐
让你的博文自动带上缩址的实现代码,方便发到微博客上
Dec 28 Javascript
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
JavaScript动态插入script的基本思路及实现函数
Nov 11 Javascript
纯js写的分页表格数据为json串
Feb 18 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
Cpage.js给组件绑定事件的实现代码
Aug 31 Javascript
基于VUE.JS的移动端框架Mint UI的使用
Oct 11 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 01 Vue.js
vue实现input输入模糊查询的三种方式
Aug 14 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
Banner程序
2006/10/09 PHP
解析php中heredoc的使用方法
2013/06/17 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
php从数据库中获取数据用ajax传送到前台的方法
2018/08/20 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
$.ajax json数据传递方法
2008/11/19 Javascript
csdn 论坛技术区平均给分功能
2009/11/07 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
2013/07/15 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
详解js的作用域、预解析机制
2018/02/05 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
JS异步宏队列微队列原理详解
2020/09/09 Javascript
[00:32]10月24、25日 辉夜杯外卡赛附加赛开赛!
2015/10/23 DOTA
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
python实现隐马尔科夫模型HMM
2018/03/25 Python
Python numpy 点数组去重的实例
2018/04/18 Python
使用python实现离散时间傅里叶变换的方法
2019/09/02 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
Keras设置以及获取权重的实现
2020/06/19 Python
欢送退休感言
2014/02/08 职场文书
认购协议书范本
2014/04/22 职场文书
质量保证书
2015/01/17 职场文书
教师考核表个人总结
2015/02/12 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
预备党员的思想汇报,你真的会写吗?
2019/06/28 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
php png失真的原因及解决办法
2021/11/17 PHP
Java tomcat手动配置servlet详解
2021/11/27 Java/Android