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实现Java的List功能(实例讲解)
Nov 07 Javascript
jquery等待效果示例
May 01 Javascript
angularjs表格分页功能详解
Jan 21 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
vue-cli+webpack记事本项目创建
Apr 01 Javascript
JS库之ParticlesJS使用简介
Sep 12 Javascript
Vue响应式原理深入解析及注意事项
Dec 11 Javascript
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
Sep 16 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
Mar 21 Javascript
微信小程序实现发微博功能的示例代码
Jun 24 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 is_file 判断给定文件名是否为一个正常的文件
2010/05/10 PHP
PHP url 加密解密函数代码
2011/08/26 PHP
PHP实现格式化文件数据大小显示的方法
2015/01/03 PHP
PHP输出一个等腰三角形的方法
2015/05/12 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
jquery dialog键盘事件代码
2010/08/01 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
2013/01/27 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
2013/04/18 Javascript
JavaScript动态创建form表单并提交的实现方法
2015/12/10 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
Vue.js进行查询操作的实例详解
2017/08/25 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
vue watch监听对象及对应值的变化详解
2018/02/24 Javascript
Vue项目中ESlint规范示例代码
2019/07/04 Javascript
Python爬虫实现网页信息抓取功能示例【URL与正则模块】
2017/05/18 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
基于anaconda下强大的conda命令介绍
2018/06/11 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
大三学生入党思想汇报
2014/01/02 职场文书
社区学习十八大感想
2014/01/22 职场文书
感恩节活动策划方案
2014/05/16 职场文书
无私奉献演讲稿
2014/09/04 职场文书
北京故宫的导游词
2015/01/31 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
《兰兰过桥》教学反思
2016/02/20 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python