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 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
Add a Formatted Table to a Word Document
Jun 15 Javascript
编写Js代码要注意的几条规则
Sep 10 Javascript
用js判断页面是否加载完成实现代码
Dec 11 Javascript
jQuery中:disabled选择器用法实例
Jan 04 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
Aug 03 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Nov 03 Javascript
vue项目中axios使用详解
Feb 07 Javascript
微信小程序canvas拖拽、截图组件功能
Sep 04 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 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+AJAX 投票器功能
2017/11/11 PHP
关于JS字符串函数String.replace()
2013/04/07 Javascript
JavaScript事件处理器中的event参数使用介绍
2013/05/24 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
js用拖动滑块来控制图片大小的方法
2015/02/27 Javascript
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
微信小程序实现红包雨功能
2018/07/11 Javascript
nvm、nrm、npm 安装和使用详解(小结)
2019/01/17 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
Python中的并发编程实例
2014/07/07 Python
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
Python中的深拷贝和浅拷贝详解
2015/06/03 Python
python生成ppt的方法
2018/06/07 Python
Python迭代器与生成器基本用法分析
2018/07/26 Python
python利用插值法对折线进行平滑曲线处理
2018/12/25 Python
django ajax发送post请求的两种方法
2020/01/05 Python
pycharm新建Vue项目的方法步骤(图文)
2020/03/04 Python
使用Python-OpenCV消除图像中孤立的小区域操作
2020/07/05 Python
用python写一个带有gui界面的密码生成器
2020/11/06 Python
Python使用tkinter实现小时钟效果
2021/02/22 Python
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
WoolOvers澳洲官方网站:英国针织服装公司
2018/05/13 全球购物
BannerBuzz加拿大:在线定制横幅印刷、广告和标志
2020/03/10 全球购物
应届大学生自荐信格式
2013/09/21 职场文书
综合管理员岗位职责
2015/02/11 职场文书
大学生自荐信怎么写
2015/03/26 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技