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购物车实时结算特效实现思路
Sep 23 Javascript
JS中的数组的sort方法使用示例
Jan 22 Javascript
jQuery中width()方法用法实例
Dec 24 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 Javascript
javascript自定义in_array()函数实现方法
Aug 03 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
详解jQuery中的easyui
Sep 02 jQuery
Vue最新防抖方案(必看篇)
Oct 30 Javascript
Vue3.0的优化总结
Oct 16 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
变量在 PHP7 内部的实现(二)
2015/12/21 PHP
PHP实现的登录,注册及密码修改功能分析
2016/11/25 PHP
PHP缩略图生成和图片水印制作
2017/01/07 PHP
Smarty模板语法详解
2019/07/20 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
javascript 简单抽屉效果的实现代码
2010/03/09 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
使用js画图之饼图
2015/01/12 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
python 求定积分和不定积分示例
2019/11/20 Python
Pytorch高阶OP操作where,gather原理
2020/04/30 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
个性与发展自我评价
2014/02/11 职场文书
综治维稳工作承诺书
2014/08/30 职场文书
2014年度党员自我评议
2014/09/13 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
学校党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android
Python if else条件语句形式详解
2022/03/24 Python
Win10/Win11 任务栏替换成经典样式
2022/04/19 数码科技