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 相关文章推荐
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
jquery下checked取值问题的解决方法
Aug 09 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
Node.js文件操作详解
Aug 16 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
jquery中EasyUI实现异步树
Mar 01 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
Aug 13 Javascript
基于node.js实现爬虫的讲解
Feb 18 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 Javascript
vue实现打地鼠小游戏
Aug 21 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简单socket服务器客户端代码实例
2015/05/18 PHP
PHP文件上传类实例详解
2016/04/08 PHP
laravel 实现设置时区的简单方法
2019/10/10 PHP
日期 时间js控件
2009/05/07 Javascript
js prototype截取字符串函数
2010/04/01 Javascript
window.addEventListener来解决让一个js事件执行多个函数
2012/12/26 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
jQuery获取动态生成的元素示例
2014/06/15 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
快速学习jQuery插件 Form表单插件使用方法
2015/12/01 Javascript
js获取本机操作系统类型的两种方法
2015/12/19 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
2016/11/07 Javascript
jQuery制作图片旋转效果
2017/02/02 Javascript
Vuejs 组件——props数据传递的实例代码
2017/03/07 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
AngularJS的ng-click传参的方法
2017/06/19 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
JS+Canvas绘制动态时钟效果
2017/11/10 Javascript
vue devtools的安装与使用教程
2018/08/08 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
修复 Django migration 时遇到的问题解决
2018/06/14 Python
Python拼接字符串的7种方法总结
2018/11/01 Python
Python静态类型检查新工具之pyright 使用指南
2019/04/26 Python
Python常见数据类型转换操作示例
2019/05/08 Python
Python使用统计函数绘制简单图形实例代码
2019/05/15 Python
什么是python的必选参数
2020/06/21 Python
Python 绘制可视化折线图
2020/07/22 Python
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
成龙洗发水广告词
2014/03/14 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle
JavaScript实现两个数组的交集
2022/03/25 Javascript
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技