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 相关文章推荐
一段批量给页面上的控件赋值js
Jun 19 Javascript
读jQuery之十 事件模块概述
Jun 27 Javascript
JavaScript省市联动实现代码
Feb 15 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
Oct 13 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
JS鼠标滚动分页效果示例
Jul 05 Javascript
纯JavaScript实现实时反馈系统时间
Oct 26 Javascript
vue.js实现左边导航切换右边内容
Oct 21 Javascript
在vue中使用console.log无效的解决
Aug 09 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 include和require的区别深入解析
2013/06/17 PHP
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
2010/06/07 Javascript
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
jquery放大镜效果超漂亮噢
2013/11/15 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
总结Javascript中数组各种去重的方法
2016/10/04 Javascript
jquery 实现回车登录详解及实例代码
2016/10/23 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
配置nodejs环境的方法
2017/05/13 NodeJs
JS基于正则实现数字千分位用逗号分隔的方法
2017/06/16 Javascript
vue.js整合mint-ui里的轮播图实例代码
2017/12/27 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
angularjs性能优化的方法
2018/09/05 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
AngularJs中$cookies简单用法分析
2019/05/30 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
Python中 Lambda表达式全面解析
2016/11/28 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
Python提取特定时间段内数据的方法实例
2019/04/01 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
Python Lambda函数使用总结详解
2019/12/11 Python
Python pickle模块常用方法代码实例
2020/10/10 Python
CSS3实现彩色进度条动画的示例
2020/10/29 HTML / CSS
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
毕业生学校推荐信范文
2014/05/21 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
黄河绝恋观后感
2015/06/08 职场文书
创业计划书之农家乐
2019/10/09 职场文书
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python
SQL Server Agent 服务无法启动
2022/04/20 SQL Server