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 typeof 用法
Dec 28 Javascript
IE与Firefox在JavaScript上的7个不同写法小结
Sep 14 Javascript
Js event事件在IE、FF兼容性问题
Jan 01 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
jQuery AJAX timeout 超时问题详解
Jun 21 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
Jul 11 Javascript
React教程之封装一个Portal可复用组件的方法
Jan 02 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
Jan 12 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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下通过exec获得计算机的唯一标识[CPU,网卡 MAC地址]
2011/06/09 PHP
php中DOMElement操作xml文档实例演示
2013/03/26 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
PHP关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
Laravel5.1 框架响应基本用法实例分析
2020/01/04 PHP
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
javascript中不易分清的slice,splice和split三个函数
2016/03/29 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
JS实现的文件拖拽上传功能示例
2018/05/21 Javascript
jquery无缝图片轮播组件封装
2020/11/25 jQuery
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
2019/09/16 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
python判断、获取一张图片主色调的2个实例
2014/04/10 Python
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python使用回溯法子集树模板解决迷宫问题示例
2017/09/01 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
Python中Flask-RESTful编写API接口(小白入门)
2019/12/11 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
Perfume’s Club意大利官网:欧洲美妆电商
2019/05/03 全球购物
工会工作先进事迹
2014/08/18 职场文书
爱祖国爱家乡演讲稿
2014/09/02 职场文书
谢师宴家长致辞
2015/07/27 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
jQuery ajax - getScript() 方法和getJSON方法
2021/05/14 jQuery
只用Python就可以制作的简单词云
2021/06/07 Python
java executor包参数处理功能 
2022/02/15 Java/Android
Vue的过滤器你真了解吗
2022/02/24 Vue.js
Vue.js中v-for指令的用法介绍
2022/03/13 Vue.js