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 相关文章推荐
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
Nov 21 Javascript
基于javascript实现listbox左右移动
Jan 29 Javascript
三种Node.js写文件的方式
Mar 08 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
Feb 27 Javascript
bootstrap daterangepicker汉化以及扩展功能
Jun 15 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
Aug 14 Javascript
实时监控input框,实现输入框与下拉框联动的实例
Jan 23 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
Vue.js的动态组件模板的实现
Nov 26 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
Jun 18 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
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
从刷票了解获得客户端IP的方法
2015/09/21 PHP
php metaphone()函数的定义和用法
2016/05/15 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
javascript 对象定义方法 简单易学
2009/03/22 Javascript
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
node.js中的path.resolve方法使用说明
2014/12/08 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
js模态对话框使用方法详解
2017/02/16 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
webpack file-loader和url-loader的区别
2019/01/15 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
解决layer.prompt无效的问题
2019/09/24 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
2019/09/26 Javascript
vue-i18n实现中英文切换的方法
2020/07/06 Javascript
利用QT写一个极简单的图形化Python闹钟程序
2015/04/07 Python
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
Python爬取破解无线网络wifi密码过程解析
2019/09/17 Python
python Popen 获取输出,等待运行完成示例
2019/12/30 Python
Python实现简单猜数字游戏
2021/02/03 Python
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
Tommy Hilfiger美国官网:美国高端休闲领导品牌
2019/01/14 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
客服部工作职责范本
2014/02/14 职场文书
公司请假条格式
2014/04/11 职场文书
数学教育专业求职信
2014/07/22 职场文书
企业群众路线教育实践活动心得体会
2014/11/03 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
nginx中封禁ip和允许内网ip访问的实现示例
2022/03/17 Servers