获取固定元素集合的方法(document.links用法)

document.links用来获取页面当中的链接集合,代表拥有 href 属性的 <a> 和 <area> 元素。在视频示例当中预先放入了两个<p>标签，分别放入了<a>标签链接，一个<div>标签用获取href链接地址显示的。

脚本部分：定义了一个url变量直接复制“document.links”，“ let url = document.links;”。通过for循环“url.length”，还定义了一个tem变量，初始值为空，用来接收for循环赋值的，然后id为“result”的div的innerHTML赋值tem，将页面所有的链接地址显示在div中。详细代码如下：

 <script type="text/javascript">
        let url = document.links;


        var tem = "";
        for (var i = 0; i < url.length; i++) {
            tem += url[i].href + "<br/>";
        }

        document.getElementById("result").innerHTML = tem;
    </script>