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. [HBase]mem store flusher 流程

  2. samba和SELINUX 冲突

    在使用Samba进行建立Window与Linux共享时,要是不能访问,出现“您可能没有权限使用网络资源”. setsebool -P samba_enable_home_dirs on setsebo ...

  3. mac 删除垃圾篓中的文件

    1.打开终端输入: sudo rm -rf /Volumes/kaid/.Trashes/ 2.输入本机密码

  4. 打造 Laravel 优美架构 谈可维护性与弹性设计

    转载:https://juejin.im/post/5be4475c518825170559c044

  5. 洛谷P3385负环

    传送门 #include <iostream> #include <cstdio> #include <cstring> #include <algorith ...

  6. Java 中判断字符串是否为空

    public class TestString { public static void main(String[] args) { String abc = null; //先判断是否为null再判 ...

  7. python 比timedelta强大的多的 relativedelta

    datetime包中的timedelta功能有限,比如,一个月的delta都没法表示.dateutil包中的relativedelta要强大很多. 年月日周的delta都能支持,还有weekday, ...

  8. PHP性能调优，PHP慢日志---善用php-fpm的慢执行日志slow log，分析php性能问题

    众所周知,MySQL有slow query log,根据慢查询日志,我们可以知道那些sql语句有性能问题.作为mysql的好搭档,php也有这样的功能.如果你使用php-fpm来管理php的话,你可以 ...

  9. 配置toad远程连接oracle

    在oracle服务器上: C:\app\Administrator\product\11.2.0\dbhome_1\NETWORK\ADMIN目录 文件:listener.ora(10.144.118 ...

  10. Bootstrap入门六：表单

    表单主要包含表单域.输入框.下拉框.单选框.多选框和按钮等控件. 1.基本实例 单独的表单控件会被自动赋予一些全局样式.所有设置了 .form-control 类的 <input>.< ...