`

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用法

    给定的部分内容中,使用了`document.all`来演示其用法。首先,获取了`document.all`的长度,然后遍历了集合中的每个元素,打印出了元素的标签名称。示例中显示了页面中不同类型的HTML元素,包括`DOCTYPE`, `HTML`, `...

    JS中关于document.all的详解

    1. **兼容性问题**:`document.all` 主要在早期版本的IE浏览器中支持,对于现代浏览器来说,推荐使用标准的方法如 `getElementById`、`querySelector` 等。 2. **性能考虑**:虽然 `document.all` 能够快速访问文档...

    document.all[]详解

    然而,在理解 Web 开发的历史和某些特定场景下,了解 `document.all[]` 的用法仍然具有一定的价值。 #### 二、`document.all[]` 的定义 根据官方文档描述: - **Array of all HTML tags in the document**:`...

    JS:document.all的用法

    然而,需要注意的是,`document.all`在标准浏览器中可能不受支持,因此在实际项目中,更推荐使用`document.getElementById`、`document.getElementsByName`等标准方法来访问DOM元素,以确保代码的兼容性和可维护性。

    document.all Firefox不支持

    2. 避免直接使用`document.all`,转而使用更通用的DOM遍历和选择器方法。 3. 利用现代JavaScript库或框架,如React、Vue或Angular,它们内部处理了浏览器兼容性问题。 4. 在开发过程中使用多种浏览器进行测试,确保...

    document.execCommand()的用法

    此方法在早期的Web开发中被广泛使用,特别是在富文本编辑器中,因为它提供了一种简便的方式来操作文档内容而无需编写复杂的JavaScript代码或调用其他库。 #### 语法 ```javascript document.execCommand(command, ...

    document.all与WEB标准

    随着Web标准的推广,开发者开始转向W3C和ECMA标准,例如使用`document.getElementById`来代替`document.all`,因为前者在所有遵循Web标准的浏览器中都能正常工作。 使用`document.all`的例子: - 示例1展示了如何...

    Document和Document.all区别分析

    总结来说,`Document` 和 `Document.all` 的主要区别在于,`Document` 是现代Web开发的标准接口,提供了更安全、更高效的方法来访问和操作文档元素,而 `Document.all` 是一个遗留的属性,主要用于兼容旧版本的...

    js中document.getElementByid、document.all和document.layers区分介绍

    随着Web技术的发展,`document.layers`和`document.all`已经逐渐被淘汰,取而代之的是基于DOM标准的方法,如`getElementById`,`querySelector`,`querySelectorAll`等。这些标准化的方法提供了更强大、更一致的跨...

    JS的document.all函数使用示例

    由于`document.all`并非标准的DOM方法,因此在现代浏览器中已不再推荐使用,而是倾向于使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等...

    解决 firefox 不支持 document.all的方法

    一种简单的方法是使用 document.getElementsByTagName("*") 替代 document.all。getElementsByTagName() 方法可以根据标签名获取所有元素的集合,"*"号表示获取所有元素,而不管它们的标签名是什么。 例如,如果你...

    document.all的一个比较完整的总结及案例

    由于`document.all`是IE特有的,因此在现代Web开发中已经不再推荐使用,而是倾向于使用标准的DOM接口,如`getElementById`、`getElementsByClassName`和`querySelectorAll`等。 ### 1. `document.all`集合 `...

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

    本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合,它包含了HTML文档中所有的元素,...

    再谈ie和firefox下的document.all属性

    随着浏览器标准的统一和DOM操作接口的发展,推荐使用`document.getElementById`,`document.getElementsByTagName`等更标准的方法来获取和操作DOM元素。这样不仅提高了代码的可移植性,也更利于维护和性能优化。对于...

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

    `document.all` 不遵循W3C标准,因此不建议在现代浏览器中使用。它通过元素的名称或ID查找元素,但在非IE浏览器中并不支持,可能导致兼容性问题。 2. `getElementById()`: 这是DOM中最常用且推荐的查找元素方法,...

    document_all用法

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

    dsoframer.ocx使用方法

    根据提供的文件信息,本文将详细解释`dsoframer.ocx`控件的使用方法,主要涉及以下几个方面:创建新文档、打开文档、保存文档、HTTP请求操作、修订跟踪设置、当前用户设置、时间设置以及字段值设置。 ### 一、创建...

Global site tag (gtag.js) - Google Analytics