document.all的一个比较完整的总结及案例


Posted in Javascript onJanuary 31, 2013

一.
document.all是页面内所有元素的一个集合。例如:
document.all(0)表示页面内第一个元素
二.

document.all可以判断浏览器是否是IE 
if(document.all){ 
alert("is IE!"); 
}

三.
也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素
四.
案例:
代码1:
<input name=aaa value=aaa> 
<input id=bbb value=bbb> 
<script language=Jscript> 
alert(document.all.aaa.value) //根据name取value 
alert(document.all.bbb.value) //根据id取 value 
</script>

代码2
但是常常name可以相同(如:用checkbox取用户的多项爱好的情况)
<input name=aaa value=a1> 
<input name=aaa value=a2> 
<input id=bbb value=bbb> 
<script language=Jscript> 
alert(document.all.aaa(0).value) //显示a1 
alert(document.all.aaa(1).value) //显示a2 
alert(document.all.bbb(0).value) //这行代码会失败 
</script>

代码3
理论上一个页面中的id是互不相同的,如果出现不同tags有相同的id
document.all.id 就会失败,就象这样:
<input id=aaa value=a1> 
<input id=aaa value=a2> 
<script language=Jscript> 
alert(document.all.aaa.value) //显示 undefined 而不是 a1或者a2 
</script>

代码4:
对于一个复杂的页面(代码很长,或者id是由程序自动产生),或着一个
javascript初学者写的程序,很有可能出现两个tags有相同id的情况。
为了编程的时候不出错,我推荐这样的写法:
<input id=aaa value=aaa1> 
<input id=aaa value=aaa2> 
<input name=bbb value=bbb> 
<input name=bbb value=bbb2> 
<input id=ccc value=ccc> 
<input name=ddd value=ddd> 
<script language=Jscript> 
alert(document.all("aaa",0).value) 
alert(document.all("aaa",1).value) 
alert(document.all("bbb",0).value) 
alert(document.all("bbb",1).value) 
alert(document.all("ccc",0).value) 
alert(document.all("ddd",0).value) 
</script>
Javascript 相关文章推荐
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
JavaScript制作简易的微信打飞机
Mar 31 Javascript
jQuery结合CSS制作动态的下拉菜单
Oct 27 Javascript
Angular2学习教程之组件中的DOM操作详解
May 28 Javascript
vue 指定组件缓存实例详解
Apr 01 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
vueScroll实现移动端下拉刷新、上拉加载
Mar 22 Javascript
jQuery实现高级检索功能
May 28 jQuery
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
vue实现简易的双向数据绑定
Dec 29 Vue.js
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 Javascript
javascript对select标签的控制(option选项/select)
Jan 31 #Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 #Javascript
js+html+css实现鼠标移动div实例
Jan 30 #Javascript
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 #Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
Jan 30 #Javascript
js判断样式className同时增加class或删除class
Jan 30 #Javascript
编写针对IE的JS代码两种编写方法
Jan 30 #Javascript
You might like
PHP出错界面
2006/10/09 PHP
php匹配字符中链接地址的方法
2014/12/22 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
Javascript常考语句107条收集
2010/03/09 Javascript
javascript中的注释使用与注意事项小结
2011/09/20 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
js/jquery判断浏览器类型的方法小结
2015/05/12 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
详解微信小程序开发之城市选择器 城市切换
2017/01/17 Javascript
详解jQuery获取特殊属性的值以及设置内容
2018/11/14 jQuery
Jquery的Ajax技术使用方法
2019/01/21 jQuery
基于openlayers实现角度测量功能
2020/09/28 Javascript
JS如何操作DOM基于表格动态展示数据
2020/10/15 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
python3 图片referer防盗链的实现方法
2018/03/12 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
python编写计算器功能
2019/10/25 Python
Pyqt5自适应布局实例
2019/12/13 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例
2020/03/05 Python
python属于跨平台语言码
2020/06/09 Python
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
意大利和国际最佳时尚品牌:Drestige
2019/12/28 全球购物
岗位职责的定义
2013/11/10 职场文书
财政局长自荐信范文
2013/12/22 职场文书
优秀的茶餐厅创业计划书
2014/01/03 职场文书
安全生产检讨书
2014/01/21 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
2019初中学生入团申请书
2019/06/27 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python