Документ: свойство anchors

Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её всё ещё поддерживать, она может быть уже удалена из соответствующих веб-стандартов, может быть в процессе удаления или сохранена только для совместимости. Избегайте её использования и, если возможно, обновите существующий код; см. таблицу совместимости внизу этой страницы, чтобы принять решение. Имейте в виду, что эта функция может перестать работать в любое время.

Свойство anchors только для чтения интерфейса Document возвращает список всех якорей в документе.

Значение

Объект HTMLCollection.

Примеры

if (document.anchors.length >= 5) {
  console.log("found too many anchors");
}

Следующий пример автоматически заполняет оглавление всеми якорями на странице:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Test</title>
    <script>
      function init() {
        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);
        }
      }
    </script>
  </head>
  <body onload="init()">
    <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>
  </body>
</html>

Посмотреть на JSFiddle

Примечания

По соображениям обратной совместимости, возвращаемый набор якорей содержит только те якори, которые были созданы с атрибутом name, а не те, которые были созданы с атрибутом id.

Спецификации

Спецификация
HTML # dom-document-anchors

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`anchors`	1	12	61 1–61 Поддерживается только для `HTMLDocument`, а не для всех объектов `Document`.	≤12.1	4 1–4 Поддерживается только для `HTMLDocument`, а не для всех объектов `Document`.	18	61 4–61 Поддерживается только для `HTMLDocument`, а не для всех объектов `Document`.	≤12.1	3.2 1–3.2 Поддерживается только для `HTMLDocument`, а не для всех объектов `Document`.	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Document/anchors