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 相关文章推荐
form中限制文本字节数js代码
Jun 10 Javascript
统计jQuery中各字符串出现次数的工具
May 03 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
js控制input输入字符解析
Dec 27 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
javascript中验证大写字母、数字和中文
Jan 15 Javascript
JavaScript实现节点的删除与序号重建实例
Aug 05 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
Sep 28 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
vue结合el-upload实现腾讯云视频上传功能
Jul 01 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 采集程序原理分析篇
2010/03/05 PHP
php自动加载autoload机制示例分享
2014/02/20 PHP
PHP统计数值数组中出现频率最多的10个数字的方法
2015/04/20 PHP
php单一接口的实现方法
2015/06/20 PHP
修复ShopNC使用QQ 互联时提示100010 错误
2015/11/08 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
Javascript变量函数浅析
2011/09/02 Javascript
javascript测试题练习代码
2012/10/10 Javascript
如何将一个String和多个String值进行比较思路分析
2013/04/22 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
Angular工具方法学习
2016/12/26 Javascript
微信小程序实现给循环列表添加点击样式实例
2017/04/26 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
2017/05/03 Javascript
Angular排序实例详解
2017/06/28 Javascript
Vue中使用Sortable的示例代码
2018/04/07 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
vue  自定义组件实现通讯录功能
2018/09/30 Javascript
vue 中 beforeRouteEnter 死循环的问题
2019/04/23 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
[36:22]VP vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
基于Python pip用国内镜像下载的方法
2018/06/12 Python
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
高校毕业生登记表自我鉴定
2013/11/03 职场文书
英文导游欢迎词
2014/01/11 职场文书
迟到检讨书900字
2014/01/14 职场文书
《世界多美呀》教学反思
2014/03/02 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
写给医生的感谢信
2015/01/22 职场文书
音乐研修感悟
2015/11/18 职场文书
2016党员党课心得体会
2016/01/07 职场文书
学习nginx基础知识
2021/09/04 Servers
为什么MySQL 删除表数据 磁盘空间还一直被占用
2021/10/16 MySQL
以MySQL5.7为例了解一下执行计划
2022/04/13 MySQL