HTML | DOM 锚点集合

DOM 锚点集合用于返回 HTML 文档中所有 元素的集合。它只计算那些只有 name 属性的 元素。 HTML 5 不支持anchor 元素的name 属性。集合中的元素按源代码中出现的排序。

句法：

document.anchors

属性：锚集合属性包含一个值长度，它返回文档中 元素的数量。

方法： DOM 锚点集合包含三个方法，如下所示：

• [index]：用于返回所选索引的元素。索引值从 0 开始。如果索引值超出范围，则返回 NULL。
• item(index)：用于返回所选索引的元素。索引值从 0 开始。如果索引值超出范围，则返回 NULL。
• namedItem(id)：用于从具有给定 id 属性的集合中返回 元素。如果 id 无效，则返回 NULL。

示例 1：

    
        DOM anchors collection
        
            .gfg {
                font-size:40px;
                font-weight:bold;
                color:green;
            }
            body {
                text-align:center;
                font-family:Times;
            }
        
    
    
        GeeksforGeeks
        DOM anchors Collection
        GeeksforGeeks
        Sudo Placement
        GFG
        Submit
        
        
            function Geeks() {
                var x = document.anchors.length;
                document.getElementById("sudo").innerHTML = 
                "Number of Anchors elements: " + x;
            }
        
    
                    

输出：

示例 2：

    
        DOM anchors collection
        
            .gfg {
                font-size:40px;
                font-weight:bold;
                color:green;
            }
            body {
                text-align:center;
                font-family:Times;
            }
        
    
    
        GeeksforGeeks
        DOM anchors Collection
        GeeksforGeeks
        Sudo Placement
        GFG
        Submit
        
        
            function Geeks() {
                var x = document.anchors[2].innerHTML;
                document.getElementById("sudo").innerHTML = 
                "Second Anchor element: " + x;
            }
        
    
                    

输出：

支持的浏览器： DOM 锚点集合支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器