数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM 锚点集合
HTML DOM 锚点集合用于返回 HTML 文档中所有锚点标签 (<a>) 的集合。只有当锚点标签具有 name 属性时，它才会计算链接。然而，name 属性在当前的 HTML5 中已被弃用。元素的排列顺序与它们在 html 源文档中的顺序相同。
属性
以下是锚点集合的属性。
| 属性 | 描述 |
|---|---|
| length | 它将返回 html 文档中链接 (<a>) 的数量。 |
方法
以下是锚点集合的方法。
| 方法 | 描述 |
|---|---|
| [索引] | 它将返回指定索引处的链接。索引从 0 开始，从上到下排序。如果未找到项目，则返回 Null。 |
| item(index) | 它将返回指定索引处的链接。索引从 0 开始。如果未找到项目，则返回 Null。 |
| namedItem(id) | 它将返回集合中具有指定 id 的链接。如果未找到项目，则返回 Null。 |
语法
以下是语法：
获取锚点集合。
document.anchors
注意 - 锚点集合是只读的，不能设置。
示例
让我们来看一个锚点集合的例子：
<!DOCTYPE html>
<html>
<body>
<a name="example">Sample1</a><br>
<a name="example1">Sample2</a><br>
<a name="example2">Sample3</a><br>
<p>Click the button to get first link text in the above list</p>
<button onclick="getCollection()">Collection</button>
<button onclick="getLength()">Length</button>
<p id="sample"></p>
<script>
function getCollection() {
var x = document.anchors[0].innerHTML;
document.getElementById("sample").innerHTML = x;
}
function getLength() {
var x = document.anchors[0].innerHTML.length;
document.getElementById("sample").innerHTML = x;
}
</script>
</body>
</html>输出
它将产生以下输出：
单击“集合”按钮：
单击“长度”按钮：
在上面的例子中：
我们有三个链接，其 name 属性分别等于 example、example1 和 example2。
<a name="example">Sample1</a><br> <a name="example1">Sample2</a><br> <a name="example2">Sample3</a> <br>
然后我们有两个按钮“集合”和“长度”，分别执行 getCollection() 和 getLength() 函数。
<button onclick="getCollection()">Collection</button> <button onclick="getLength()">Length</button>
getCollection() 函数返回索引 0 位置的锚点标签文本，在本例中为 Sample1。getLength() 函数返回链接文本的长度。这里链接文本是 Sample1，所以返回的长度是 7。
更新于：2021年2月20日
218 次浏览
广告