資料結構
網路
關係資料庫管理系統 (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 次瀏覽
廣告