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 相关文章推荐
农历与西历对照
Sep 06 Javascript
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
js 静态动态成员 and 信息的封装和隐藏
May 29 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
Aug 27 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
JavaScript实现简单评论功能
Aug 17 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
js实现计时器秒表功能
Dec 16 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
服务器端解压缩zip的脚本
2006/12/22 PHP
php连接Access数据库错误及解决方法
2013/06/20 PHP
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
php猜单词游戏
2015/09/29 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
python实现批量转换文件编码(批转换编码示例)
2014/01/23 Python
python命令行参数解析OptionParser类用法实例
2014/10/09 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
Python cookbook(数据结构与算法)实现优先级队列的方法示例
2018/02/18 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
python矩阵的转置和逆转实例
2018/12/12 Python
python爬取内容存入Excel实例
2019/02/20 Python
Django利用cookie保存用户登录信息的简单实现方法
2019/05/27 Python
django-rest-swagger的优化使用方法
2019/08/29 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
keras 解决加载lstm+crf模型出错的问题
2020/06/10 Python
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
英国探险旅游专家:Explore
2018/12/20 全球购物
致跳远运动员广播稿
2014/02/11 职场文书
材料加工工程求职信
2014/02/19 职场文书
《欢乐的泼水节》教学反思
2014/04/22 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
功夫熊猫观后感
2015/06/10 职场文书
理解深度学习之深度学习简介
2021/04/14 Python
Python自动操作神器PyAutoGUI的使用教程
2022/06/16 Python
一文搞懂Java中的注解和反射
2022/06/21 Java/Android