`

document.all用法

 
阅读更多

一.
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里的document.all用法

    jsDocument

    JS:document.all的用法

    JS:document.all的用法

    document_all用法

    document_all用法 原来没用过 现在了解了一点 分享一下

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

    Document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById

    HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。

    vb6_Webbrowser控件使用技巧

    vb6_Webbrowser控件使用技巧 1、获得浏览器信息: Private Sub Command1_Click() WebBrowser1.Navigate "http://www.applevb.com" End Sub Private Sub Command2_Click() Dim oWindow Dim oNav Set oWindow ...

    javascript小技巧

    //显示的信息,可以使用HTML语法,注意引号用法,单套双。 var message='&lt;b&gt;&lt;font size=5 face=arial color=red&gt;请点击进入本站&lt;/a&gt;&lt;/font&gt;&lt;/b&gt;' //背景色 var backgroundcolor="#eeffee" //0 代表信息永远显示,1...

    jquery.cycle.all.js

    Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能,使用方法很简单 $(document).ready(function() { $('#goods').cycle(); }); 博文地址:...

    document.updateDOM:随时更新DOM

    关于 document.updateDOM()在CALL上更新DOM 。 遍历对DOM所做的更改。 这样您就不必担心浏览器意外接触DOM 。 我实际上还没有建立任何东西。 我想尝试用它做点什么,但是... // now all the changes above actually ch

    表单验证大全

    with(document.all){ if(input1.value!=input2.value) { alert&#40;"false"&#41; input1.value = ""; input2.value = ""; } else document.forms[0].submit(); } } [removed] 够了吧 :) 屏蔽右键 很酷 ...

    ecshop 首页幻灯插件(js)

    使用方法 1、将文件夹下载到 data/flashdata 中 2、修改admin文件夹中的flashplay.php 大约 870行添加 case 'Myjs';注意文件夹名称要一直,否则更新不了。这样就可以到后台调用了 样式自己调整 3、更新了js ,...

    图库新版jQuery焦点图 JS代码

    tips[27] = '“放之四海皆准则”的是真理,真理并不是一种方法,没有一种方法能解决所有的问题;掌握真理,而不是掌握某种方法。'; tips[28] = '在理解的基础上借鉴,就是站在巨人的肩膀之上;没有区分的全盘抄袭,...

    Javascript访问html页面的控件的方法详细分析第1/2页

     document.getElementsByName 3 document.getElementsByTagName 4 document.all 下面我主要谈谈以上几个方法的具体用法: 一.首先我来谈谈document.getElementById的用法。 Var obj=document.getElementById

    javascript引用对象的方法代码

    同一页面内的引用方法: 1、使用id: link1.href 2、使用name: document.all.link1.href 3、使用sourseIndex: document.all(4).href //注意,前面还有HTML、HEAD、TITLE和BODY,所以是4 4、使用链接集合: ...

    利用WebBrowser彻底解决Web打印问题(包括后台打印)

    页面设置和打印预览如下所示,直接调用即可document.all.WebBrowser.ExecWB(6,6) 直接打印document.all.WebBrowser.ExecWB(8,1) 页面设置document.all.WebBrowser.ExecWB(7,1) 打印预览或者:execScript("document....

    javascript引用对象的方法

    &lt;a&gt;51js&lt;/a&gt; ============= 同一页面内的引用方法: 1、使用id: link1.href 2、使用name: document.all.link1.href 3、使用sourseIndex: document.all(4).href //注意,前面还有HTML、HEAD、TITLE和BODY,所以是...

    iquery经典教程

    放大镜效果(magnifier)、阴影效果(shadow) 第一部分:鼠标交互 1.1 Draggables:拖拽所需文件: ui.mouse.js ui.draggable.js ui.draggable.ext.js 用法:文件载入后,可以拖拽class = "block"的层 $(document).ready...

    jqert ui demo

    用法:文件载入后,可以拖拽class = "block"的层 $(document).ready(function(){ $(".block").draggable(); }); draggable(options)可以跟很多选项 选项说明:...

Global site tag (gtag.js) - Google Analytics