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 相关文章推荐
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 Javascript
javascript笔试题目附答案@20081025_jb51.net
Oct 26 Javascript
JQuery1.6 使用方法三
Nov 23 Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 Javascript
js实现精美的银灰色竖排折叠菜单
May 16 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
AngularJS执行流程详解
Feb 17 Javascript
JS实现自定义状态栏动画文字效果示例
Oct 12 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 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
大师制作的中短波矿石收音机
2020/04/02 无线电
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
Admin generator, filters and I18n
2011/10/06 PHP
php绘图之在图片上写中文和英文的方法
2015/01/24 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
PHP结合Vue实现滚动底部加载效果
2017/12/17 PHP
PHP封装的page分页类定义与用法完整示例
2018/12/24 PHP
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
2006/10/19 Javascript
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
jquery购物车实时结算特效实现思路
2013/09/23 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
PageSwitch插件实现100种不同图片切换效果
2015/07/28 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
JavaScript数组去重的两种方法推荐
2016/04/05 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
angular写一个列表的选择全选交互组件的示例
2018/01/22 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
Vue+Element实现动态生成新表单并添加验证功能
2019/05/23 Javascript
vue store之状态管理模式的详细介绍
2019/06/13 Javascript
python遍历数组的方法小结
2015/04/30 Python
python中map()与zip()操作方法
2016/02/27 Python
浅析Python中的多条件排序实现
2016/06/07 Python
python使用生成器实现可迭代对象
2018/03/20 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
python获取txt文件词向量过程详解
2019/07/05 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
pycharm实现在子类中添加一个父类没有的属性
2020/03/12 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
利用Canvas模仿百度贴吧客户端loading小球的方法示例
2017/08/13 HTML / CSS
会计专业的自荐信
2013/12/12 职场文书
怎样客观的做好自我评价
2013/12/28 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
2015年员工试用期工作总结
2014/12/12 职场文书
六年级作文之预言作文
2019/10/25 职场文书