Коллекция anchorsв HTML DOM
Объект Document
Определение и использование
Коллекция anchors возвращает массив всех гиперссылок на текущей странице.
Синтаксис
document.anchors[].свойство
Поддержка браузеров
![]()
![]()
![]()
![]()
![]()
Все основные браузеры поддерживают коллекцию anchors.
Примеры
Пример 1
Возвращает количество ссылок в документе:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример (example.com)</title>
</head>
<body>
<a name="html">Руководство HTML</a><br>
<a name="css">Учебник CSS</a><br>
<a name="xml">Учебник XML</a><br>
<a href="../js/index.html">Учебник JavaScript</a>
<p>Количество якорей:
<script>
document.write(document.anchors.length);
</script></p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Пример (example.com)</title>
</head>
<body>
<a name="html">Руководство HTML</a><br>
<a name="css">Учебник CSS</a><br>
<a name="xml">Учебник XML</a><br>
<a href="../js/index.html">Учебник JavaScript</a>
<p>Количество якорей:
<script>
document.write(document.anchors.length);
</script></p>
</body>
</html>
Вывод вышеприведённого примера:
Количество якорей: 3
Попробуйте сами »
Пример 2
Возвратить текст якоря первой гиперссылки в документе:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример (example.com)</title>
</head>
<body>
<a name="html">Руководство HTML</a><br>
<a name="css">Учебник CSS</a><br>
<a name="xml">Учебник XML</a>
<p>Первый якорь в документе:
<script>
document.write(document.anchors[0].innerHTML);
</script>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Пример (example.com)</title>
</head>
<body>
<a name="html">Руководство HTML</a><br>
<a name="css">Учебник CSS</a><br>
<a name="xml">Учебник XML</a>
<p>Первый якорь в документе:
<script>
document.write(document.anchors[0].innerHTML);
</script>
</p>
</body>
</html>
Вывод вышеприведённого примера:
Первый якорь в документе: Учебник HTML
Попробуйте сами »
Объект Document Другие расширения