Коллекция links
Пример
Узнать, сколько ссылок содержится в документе:
var x = document.links.length;
Результатом x будет:
5
Попробуйте сами »
Ещё примеры "Попробуйте сами" ниже.
Определение и использование
Коллекция links возвращает коллекцию всех ссылок в документе.
Ссылки в коллекции представляют элементы <a> и/или элементы <area> с атрибутом href.
Примечание: Если у элемента отсутствует атрибут href, ничего не возвращается.
Примечание: Элементы в коллекции сортируются так, как они отображаются в исходном коде.
Совет: Также посмотрите объект Anchor и объект Area.
Поддержка браузера
| Коллекция | |||||
|---|---|---|---|---|---|
| links | Да | Да | Да | Да | Да |
Синтаксис
document.links
Свойства
| Свойство | Описание |
|---|---|
| length | Возвращает количество элементов <a> и/или <area> в коллекции. Примечание: Это свойство доступно только для чтения |
Методы
| Метод | Описание |
|---|---|
| [index] | Возвращает элемент <a> и/или <area> из коллекции с указанным индексом (начинается с 0). Примечание: Возвращает значение null, если номер индекса не соответствует диапазон |
| item(index) | Возвращает элемент <a> и/или <area> из коллекции с указанным индексом (начинается с 0). Примечание: Возвращает значение null, если номер индекса не соответствует диапазон |
| namedItem(id) | Возвращает элемент <a> и/или <area> из коллекции с указанным идентификатором. Примечание: Возвращает значение null, если идентификатор не существует |
Технические детали
| DOM Версия: | Основной уровень 1 объект документа |
|---|---|
| Возвращаемое значение: | Объект HTMLCollection, представляющий все элементы <a> и/или <area> элементы в документе. Элементы в коллекции сортируются по мере их появления в исходном коде |
Ещё примеры
Пример
[index]
Получить URL-адрес первой ссылки (индекс 0) в документе:
var x = document.links[0].href;
Результатом x будет:
https://www.schoolsw3.com/jsref/sun.htm
Попробуйте сами »
Пример
item(index)
Получить URL-адрес первой ссылки (индекс 0) в документе:
var x = document.links.item(0).href;
Результатом x будет:
https://www.schoolsw3.com/jsref/sun.htm
Попробуйте сами »
Пример
namedItem(id)
Получить URL элемента с id="myLink" в документе:
var x = document.links.namedItem("myLink").href;
Результатом x будет:
https://www.schoolsw3.com/html/index.php
Попробуйте сами »
Пример
Добавить красную рамку к первой ссылке в документе:
document.links[0].style.border = "5px solid red";
Попробуйте сами »
Пример
Просмотрите все ссылки в документе и выведите URL (href) каждой ссылки:
var x = document.links;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
txt = txt + x[i].href + "<br>";
}
Результатом txt будет:
https://www.schoolsw3.com/jsref/sun.htm
https://www.schoolsw3.com/jsref/mercur.htm
https://www.schoolsw3.com/jsref/venus.htm
https://www.schoolsw3.com/html/index.php
https://www.schoolsw3.com/css/index.php
Попробуйте сами »
Связанные страницы
JavaScript Справочник: HTML DOM Anchor Объект
JavaScript Справочник: HTML DOM Area Объект
HTML Учебник: HTML Ссылки
HTML Справочник: HTML <a> тег
HTML Справочник: HTML <area> тег
❮ Объект документа
