JS的document.all函数使用示例


Posted in Javascript onDecember 30, 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 相关文章推荐
ExtJS Window 最小化的一种方法
Nov 18 Javascript
最短的IE判断代码
Mar 13 Javascript
jquery 判断滚动条到达了底部和顶端的方法
Apr 02 Javascript
C#中使用迭代器处理等待任务
Jul 13 Javascript
学习JavaScript设计模式之中介者模式
Jan 14 Javascript
node通过express搭建自己的服务器
Sep 30 Javascript
在vue中使用公共过滤器filter的方法
Jun 26 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 Javascript
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 06 Javascript
Jquery插件easyUi表单验证提交(示例代码)
Dec 30 #Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 #Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
Dec 30 #Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 #Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 #Javascript
jQuery中.live()方法的用法深入解析
Dec 30 #Javascript
Javasipt:操作radio标签详解
Dec 30 #Javascript
You might like
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
jQuery 源码分析笔记
2011/05/25 PHP
linux下编译安装memcached服务
2014/08/03 PHP
php实现以只读方式打开文件的方法
2015/03/16 PHP
php生成Android客户端扫描可登录的二维码
2016/05/13 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
Lumen timezone 时区设置方法(慢了8个小时)
2018/01/20 PHP
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
正则表达式,替换所有HTML标签的简单实例
2016/11/28 Javascript
vue-cli如何快速构建vue项目
2017/04/26 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
[00:57]深扒TI7聊天轮盘语音出处5
2017/05/11 DOTA
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
解决pycharm debug时界面下方不出现step等按钮及变量值的问题
2020/06/09 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
如何在python中判断变量的类型
2020/07/29 Python
解决pytorch 数据类型报错的问题
2021/03/03 Python
美国庭院家具购物网站:AlphaMarts
2019/04/10 全球购物
新年团拜会主持词
2014/04/02 职场文书
《第一次抱母亲》教学反思
2014/04/16 职场文书
四年级学生评语大全
2014/04/21 职场文书
法学院毕业生求职信
2014/06/25 职场文书
法人身份证明书
2014/10/08 职场文书
介绍信的写法
2015/01/31 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
采购部2015年度工作总结
2015/07/24 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android