HTML - DOM 文档 anchors 属性

HTML DOM document 的 **anchors** 属性是一个只读属性，它列出了文档中所有具有 name 属性的 **<a>** 标签。此属性已 **弃用**。

它列出了具有 name 属性的锚点标签，并且由于 name 属性在 HTML 5 中不再受支持，因此不再推荐使用 anchors 属性。您可以使用其替代方法 **getElementsByTagName('a')** 来获得相同的结果。

语法

document.anchors;

返回值

它返回一个 HTML 集合，其中包含所有具有 name 属性的 **<a>** 标签。

HTML DOM Document 'anchors' 属性示例

以下示例说明了 anchors 属性的使用。

获取锚元素的数量

在此示例中，anchors 属性返回具有 name 属性的 <a> 标签的数量。

<!DOCTYPE html>
<html>
<head>
    <title>HTML DOM document anchors Property</title>
</head>
<body>
    <a name="tutorix">Tutorix</a>
    <br>
    <a name="tutorialspoint">Tutorialspoint</a>
    <br>
    <a> I am without name attribute</a>
    <p>Number of anchor tags with name attribute :</p>
    <p id="anchors"></p>
    <script>
        let num = document.anchors.length;
        document.getElementById("anchors").innerHTML =num;
    </script>
</body>
</html>

获取锚元素数量的替代方法

在此示例中，getElementsByTagName 用作获取锚元素数量的替代方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document anchors Property</title>
</head>
<body>
    <a name="tutorix">Tutorix</a>
    <br>
    <a name="tutorialspoint">Tutorialspoint</a>
    <br>
    <a> I am without name attribute</a>
    <p>Click to get the number of anchor element.</p>
    <button onclick="fun()">Click me</button>
    <p id="anchors"></p>
    <script>
        function fun() {
            let num = document.getElementsByTagName("a").length;
            document.getElementById("anchors").innerHTML = num;
        }
    </script>
</body>
</html>

获取第一个锚元素的内容

以下示例返回第一个 <a> 元素的内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document anchors Property</title>
</head>
<body>
    <a name="tutorix">Tutorix</a>
    <br>
    <a name="tutorialspoint">Tutorialspoint</a>
    <br>
    <a> I am without name attribute</a>
    <p>Click to get the content of first anchor element.</p>
    <button onclick="fun()">Click me</button>
    <p id="anchors"></p>
    <script>
        function fun() {
            let num = document.anchors[0].innerHTML;
            document.getElementById("anchors").innerHTML = num;
        }
    </script>
</body>
</html>

获取第一个锚元素内容的替代方法

在此示例中，getElementsByTagName 用作获取第一个锚元素内容的替代方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document anchors Property</title>
</head>
<body>
    <a name="tutorix">Tutorix</a>
    <br>
    <a name="tutorialspoint">Tutorialspoint</a>
    <br>
    <a> I am without name attribute</a>
    <p>Click to get the content of first <a> element.</p>
    <button onclick="fun()">Click me</button>
    <p id="anchors"></p>
    <script>
        function fun() {
            let num = document.getElementsByTagName("a")[0].innerHTML;
            document.getElementById("anchors").innerHTML = num;
        }
    </script>
</body>
</html>

支持的浏览器

属性
anchors	否	否	否	否	否

打印页面