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 相关文章推荐
Extjs 几个方法的讨论
Jan 28 Javascript
js 全兼容可高亮二级缓冲折叠菜单
Jun 04 Javascript
jQuery弹性滑动导航菜单实现思路及代码
May 02 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
Jan 13 Javascript
JQuery1.8 判断元素是否绑定事件的方法
Jul 10 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
浅谈angular.js跨域post解决方案
Aug 30 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
如何实现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实现文件安全下载
2006/10/09 PHP
Laravel中使用自己编写类库的3种方法
2015/02/10 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
thinkPHP利用ajax异步上传图片并显示、删除的示例
2018/09/26 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
jQuery实现“扫码阅读”功能
2015/01/21 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
2016/01/08 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
2016/05/04 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
利用three.js画一个3D立体的正方体示例代码
2017/11/19 Javascript
浅谈es6 javascript的map数据结构
2017/12/14 Javascript
JavaScript实现百度搜索框效果
2020/03/26 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式
2015/12/28 DOTA
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
python人民币小写转大写辅助工具
2018/06/20 Python
python实现比较文件内容异同
2018/06/22 Python
python 快速把超大txt文件转存为csv的实例
2018/10/26 Python
python中删除某个元素的方法解析
2019/11/05 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
Sentry错误日志监控使用方法解析
2020/11/12 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
python Timer 类使用介绍
2020/12/28 Python
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
Nordgreen美国官网:在线购买极简主义斯堪的纳维亚手表
2019/07/24 全球购物
贫困证明模板(3篇)
2014/09/16 职场文书
老干部座谈会主持词
2015/07/03 职场文书
煤矿施工安全协议书
2016/03/22 职场文书
Oracle创建只读账号的详细步骤
2021/06/07 Oracle
go使用Gin框架利用阿里云实现短信验证码功能
2021/08/04 Golang
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫
Docker下安装Oracle19c
2022/04/13 Servers