Document: thuộc tính anchors
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Thuộc tính chỉ đọc anchors của giao diện Document trả về danh sách tất cả các neo (anchor) trong tài liệu.
Giá trị
Một HTMLCollection.
Ví dụ
Sử dụng cơ bản
if (document.anchors.length >= 5) {
console.log("found too many anchors");
}
Tạo mục lục
Sau đây là một ví dụ tự động tạo Mục lục với mọi neo trên trang:
<h1>Title</h1>
<h2><a name="contents">Contents</a></h2>
<ul id="toc"></ul>
<h2><a name="plants">Plants</a></h2>
<ol>
<li>Apples</li>
<li>Oranges</li>
<li>Pears</li>
</ol>
<h2><a name="veggies">Veggies</a></h2>
<ol>
<li>Carrots</li>
<li>Celery</li>
<li>Beats</li>
</ol>
const toc = document.getElementById("toc");
for (const anchor of document.anchors) {
const li = document.createElement("li");
const newAnchor = document.createElement("a");
newAnchor.href = `#${anchor.name}`;
newAnchor.textContent = anchor.text;
li.appendChild(newAnchor);
toc.appendChild(li);
}
Ghi chú
Vì lý do tương thích ngược, tập hợp các neo được trả về chỉ chứa những neo được tạo bằng thuộc tính name, không phải những neo được tạo bằng thuộc tính id.
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # dom-document-anchors |