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 Object与Function使用
Jan 11 Javascript
打造基于jQuery的高性能TreeView(asp.net)
Feb 23 Javascript
最短的IE判断代码
Mar 13 Javascript
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
javascript操作css属性
Dec 30 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
Aug 06 Javascript
vue获取dom元素注意事项
Dec 28 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
layui表格分页 记录勾选的实例
Sep 02 Javascript
vue 解决异步数据更新问题
Oct 29 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(2)――PHP类型
2010/02/15 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
PHP设计模式之组合模式定义与应用示例
2020/02/01 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
2017/06/21 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
原生JS实现烟花效果
2020/03/10 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
python类和继承用法实例
2015/07/07 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
有关Python的22个编程技巧
2018/08/29 Python
Django工程的分层结构详解
2019/07/18 Python
django使用django-apscheduler 实现定时任务的例子
2019/07/20 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
Django中modelform组件实例用法总结
2020/02/10 Python
基于CentOS搭建Python Django环境过程解析
2020/08/24 Python
Python reversed反转序列并生成可迭代对象
2020/10/22 Python
python BeautifulSoup库的安装与使用
2020/12/17 Python
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
init进程的作用
2012/04/12 面试题
音乐专业应届生教师求职信
2013/11/04 职场文书
毕业生就业自荐信
2013/12/04 职场文书
周年庆典主持词
2014/04/02 职场文书
作文批改评语大全
2014/04/23 职场文书
谢师宴家长致辞
2015/07/27 职场文书
jquery插件实现悬浮的菜单
2021/04/24 jQuery