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中获取iframe的代码
Jan 11 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
Nov 22 Javascript
js导入导出excel(实例代码)
Nov 25 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
JavaScript创建一个object对象并操作对象属性的用法
Mar 23 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
ionic使用angularjs表单验证(模板验证)
Dec 12 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
Sep 04 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中trim()函数简单使用指南
2015/04/16 PHP
php session_decode函数用法讲解
2019/05/26 PHP
jquery 表单下所有元素的隐藏
2009/07/25 Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
各种常用的JS函数整理
2013/10/25 Javascript
判断滚动条到底部的JS代码
2013/11/04 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
jQuery内存泄露解决办法
2016/12/13 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
react学习笔记之state以及setState的使用
2017/12/07 Javascript
Vue指令指令大全
2019/02/09 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
2019/04/04 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
vue-admin-template配置快捷导航的代码(标签导航栏)
2020/09/04 Javascript
python处理文本文件实现生成指定格式文件的方法
2014/07/31 Python
python发送HTTP请求的方法小结
2015/07/08 Python
实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250
2016/01/20 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
Python __slots__的使用方法
2020/11/15 Python
彪马英国官网:PUMA英国
2019/02/11 全球购物
公司JAVA开发面试题
2015/04/02 面试题
市优秀教师事迹材料
2014/02/05 职场文书
院系推荐意见
2015/06/05 职场文书
教师教育教学随笔
2015/08/15 职场文书
Python实现简单的猜单词
2021/06/15 Python