Свойство links объекта HTML DOM Document

Определение и использование

links Возвращает набор всех ссылок в документе.

links Атрибут возвращает HTMLCollection.

links Атрибут является только чтением.

Ссылки в наборе представляют собой элементы <a> и <area> с атрибутом href.

См. также:

Объект Anchor DOM HTML

Объект Area DOM HTML

Тег <a> HTML

Тег <area> HTML

Ссылки HTML

HTMLCollection

HTMLCollection Это аналогичный массиву набор HTML-элементов (список).

Элементы в наборе можно получить по индексу (начиная с 0).

length Атрибут возвращает количество элементов в наборе.

Пример

Пример 1

Возвращает количество ссылок в документе:

let numb = document.links.length;

Попробуйте сами

Пример 2

Получить URL первого ссылки в документе:

let url = document.links[0].href;

Попробуйте сами

Пример 3

Получить URL первого ссылки в документе:

let url = document.links.item(0).href;

Попробуйте сами

Пример 4

Получить URL элемента с атрибутом id="myLink":

let url = document.links.namedItem("myLink").href;

Попробуйте сами

Пример 5

Добавить красную рамку к первому ссылке в документе:

document.links[0].style.border = "5px solid red";

Попробуйте сами

Пример 6

Пройди по всем ссылкам и выведи URL каждого (href):

const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
  text += links[i].href + "<br>";
}

Попробуйте сами

Синтаксис

document.links

Атрибут

Атрибут Описание
length Количество элементов в наборе.

Метод

Метод Описание
[index)

Возвращает элемент с указанным индексом (начиная с 0).

Если индекс выходит за пределы диапазона, возвращается null.
item(index)

Возвращает элемент с указанным индексом (начиная с 0).

Если индекс выходит за пределы диапазона, возвращается null.
namedItem("id)

возвращает элемент с указанным id элемент.

если id Если элемент не существует, возвращается null.

Возвратное значение

Тип Описание
Объект

Объект HTMLCollection.

Все элементы <a> и <area> в документе.

сортировка по порядку их появления в исходном коде.

Поддержка браузеров

document.links Это функция DOM Level 1 (1998).

Все браузеры поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
поддержка 9-11 поддержка поддержка поддержка поддержка