The all collection includes one element object for each valid HTML tag.

If a valid tag has a matching end tag, both tags are represented by the same element object.

all集合包含每个有效标签构成的元素对象。

是由微软增加的，IE11不再支持all集合，其他浏览器也支持此对象，能不用尽量不要用。

例子：

<!DOCTYPE html>

<html>

  <head>

    <title>validation</title>

    <meta charset="utf-8" />

    <script type="text/javascript">

        window.onload = function() {

            var html = "<table border='1' style='font-size:12px;'>";

            function getElement(sec) {

                if (sec)

                {

                     html += "<tr><td>" + sec + "</td>" + "<td>" + eval(sec).tagName + "</td>";

                }

            }

            getElement("document.all(0)");

            getElement("document.all[0]");

            getElement("document.all.item(0)");

            getElement("document.all('SPAN1')");

            getElement("document.all.SPAN1");

            getElement("document.all['SPAN1']");

            getElement("document.all.namedItem('SPAN1')");

            html += "</table>";

            var names = "<br>";

            for (var i = 0; i < document.all.length ; i++)

            {

                 names += document.all[i].tagName + ": " + document.all[i].id + "; ";

            }

            document.getElementById("names").innerHTML = html + names;

        }

    </script>

  </head>

  <body id="aaa">

    <span id="SPAN1"></span>

    <div id="info">

        <div id="names">

        </div>

    </div>

  </body>

</html>

上面的结果是：

document.all理解的更多相关文章

  1. document.addEventListener理解

    document.addEventListener("事件名称", 函数, false); function 某函数(event){ // 方法执行 } addEventListe ...

  2. js对象之window和document区别

    window是整个页面的全局环境,而document可以理解为整个页面这个最大的元素(整个dom树) window: 可以看到window下面有很多变量 document: 可见document是整个 ...

  3. JavaScript中的global对象，window对象以及document对象的区别和联系

    JavaScript中的global对象,window对象以及document对象的区别和联系 一.概念区分:JavaScript中的global对象,window对象以及document对象 1.g ...

  4. MongoDB（七）MongoDb数据结构

    首先,向数据库插入一条bjson数据 首先是定义文档,然后使用admin用户名密码登录,进入test数据库,向test数据库中插入此文档("表名称和表中的记录") 插入结果,查看m ...

  5. Jquery 基本知识(一)

    1. DOM对象:通过例如getElementById方法获取到DOM树中的元素就是DOM对象 jQuery对象:通过jQuery包装DOM对象后产生的对象 --- 注意:jQuery对象和DOM对象 ...

  6. Spring源码分析心得－Bean的读取和注册

    Spring广泛的被使用足以证明它的价值,成功的东西自然值得我们深入学习.有很多人说的熟悉Spring也只是简单的使用经验,当我发现我也是其中一员时我很恐惧,所以开始扒源码,准备深入了解,话不多说,直 ...

  7. JavaScript语言精粹-读书笔记

    前言:很久之前读过一遍该书,近日得闲,重拾该书,详细研究一方,欢迎讨论指正. 目录: 1.精华 2.语法 3.对象 4.函数 5.继承 6.数组 7.正则表达式 8.方法 9.代码风格 10.优美的特 ...

  8. solr8.0的简单搭建（一）

    第一步,下载solr 进入solr官网进行下载:http://lucene.apache.org/solr/ 第二步: 将解压的solr放到自己指定的文件夹 第三步: 由于solr有自带服务器,所以可 ...

  9. 公司里面用的iTextSharp（教程）---生成一个简答的PDF的语法

    本来打算先写一个项目大家一起练习的,但是后来发现不懂一些基本的语法,几乎做了之后也有些不明白,下面我们一起简简单单的看一下哈~~ 语法1:Document document = new Documen ...

随机推荐

  1. js实现table导出Excel，保留table样式

    浏览器环境:谷歌浏览器 1.在导出Excel的时候,保存table的样式,有2种方法,①是在table的行内写style样式,②是在模板里面添加样式 2.第一种方式:行内添加样式 <td sty ...

  2. MAVLink v1.0详解——结构

    本文针对 MAVLink v1.0版本,协议版本:3. MAVLink是为微型飞行器MAV(Micro Air Vehicle)设计的(LGPL)开源的通讯协议.是无人飞行器和地面站(Ground C ...

  3. 使用IDEA进行打包

    使用IDEA打jar包: 1.

  4. SQL SERVER 断开所有连接（转）

    通过sql server management studio对数据进行管理,比如数据库改名等,经常遇到有正在运行的连接,以致无法操作,这时候断掉所有的连接很有必要.代码如下:(会断掉某个库的所有连接, ...

  5. node模拟socket

    什么是Socket?网络上的两个程序通过一个双向的通信连接实现数据的交换,这个连接的一端称为一个socket. Socket通信流程 基于net模块实现socket 服务端SocketServer.j ...

  6. Struts 2 - Architecture

    From a high level, Struts2 is a pull-MVC (or MVC2) framework. The Model-View-Controller pattern in S ...

  7. IntelliJ IDEA 显示行号

    设置方法如下:   File->Settings->Editor->Appearence->Show Line Number

  8. google浏览器打开新的标签页显示http://www.google.com.hk/url?sa=p&hl=zh-CN&……

    chrome的版本:51.0.2704.106 m使用该版本的chrome后,每次打开新标签页,都会提示“无法访问此网站”.并自动跳转到一个地址“http://www.google.com.hk/ur ...

  9. 2014-2015 ACM-ICPC, NEERC, Moscow Subregional Contest B - Bring Your Own Bombs 离散化+扫描线+计算期望

    扫描线一边扫一边算期望,细节比较多. #include<bits/stdc++.h> #define LL long long #define fi first #define se se ...

  10. HBase结合MapReduce批量导入（HDFS中的数据导入到HBase）

    HBase结合MapReduce批量导入 package hbase; import java.text.SimpleDateFormat; import java.util.Date; import ...