JavaScript获取页面所有锚点元素|Document anchors 集合

Document 对象参考手册

---

定义与用法

anchors属性返回当前文档中的所有锚点元素。

document.anchors只会返回有name属性的<a>节点。

提示：

• 锚点和超链不要搞混淆，anchor是锚点，href是一个链接。
• a标签带href是直接跳转到href指定url的超链，a标签带name表示锚点，当点击的时候当前页面跳到锚点的位置，页面不刷新。
• 该属性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该属性。

语法格式

document.anchors[]. property

---

示例代码

返回文档的链接数：

<a name="html">HTML 教程</a><br>
<a name="css">CSS 教程</a><br>
<a name="xml">XML 教程</a><br>
<a href="/js/">JavaScript 教程</a>
<script>
    document.write("锚的数量:" + document.anchors.length);
</script>

以上实例输出结果：

HTML 教程
CSS 教程
XML 教程
JavaScript 教程

亲自试试

---

返回文档中第一个超级链接的锚文本:

<script>
document.write("文档中第一个锚:" + document.anchors[0].innerHTML);
</script>

以上实例输出结果：

亲自试试

---

浏览器支持

对象
anchors	Yes	Yes	Yes	Yes	Yes

所有主要浏览器都支持 anchors 集合

---

Document 对象参考手册

---