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 相关文章推荐
仿迅雷焦点广告效果(JQuery版)
Nov 19 Javascript
javascript 面向对象编程 万物皆对象
Sep 17 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
使用原生JS实现弹出层特效
Dec 22 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
微信小程序 后台登录(非微信账号)实例详解
Mar 31 Javascript
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
使用vuex解决刷新页面state数据消失的问题记录
May 08 Javascript
原生js实现贪食蛇小游戏的思路详解
Nov 26 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
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文件类型检查及fileinfo模块安装使用详解
2019/05/09 PHP
javascript字典探测用户名工具
2006/10/05 Javascript
用javascript连接access数据库的方法
2006/11/17 Javascript
javascript基础的动画教程,直观易懂
2007/01/10 Javascript
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
jQuery设置和移除文本框默认值的方法
2015/03/09 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
React Native中的RefreshContorl下拉刷新使用
2017/10/09 Javascript
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
京东优选小程序的实现代码示例
2020/02/25 Javascript
JavaScript实现随机点名器
2020/03/25 Javascript
Python版微信红包分配算法
2015/05/04 Python
python实现简单tftp(基于udp协议)
2018/07/30 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
python爬虫 urllib模块url编码处理详解
2019/08/20 Python
Python从文件中读取指定的行以及在文件指定位置写入
2019/09/06 Python
Python Tensor FLow简单使用方法实例详解
2020/01/14 Python
python数据爬下来保存的位置
2020/02/17 Python
python实现用户名密码校验
2020/03/18 Python
Keras使用ImageNet上预训练的模型方式
2020/05/23 Python
学生会个人自荐书范文
2014/02/12 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
幼师大班个人总结
2015/02/13 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
收入证明范本
2015/06/12 职场文书
2019各种承诺书范文
2019/06/24 职场文书
Java 多线程并发FutureTask
2022/06/28 Java/Android