Ссылки на документы HTML DOM
Пример
Количество ссылок в документе:
let numb = document.links.length;
Получите URL первой ссылки в документе:
let url = document.links[0].href;
Получите URL первой ссылки в документе:
let url = document.links.item(0).href;
Ниже приведены дополнительные примеры.
Определение и использование
Свойство links
возвращает коллекцию всех ссылок в документе.
Свойство forms
возвращает HTMLCollection .
Свойство links
доступно только для чтения.
Ссылки в коллекции представляют элементы <a> и <area> с атрибутом href.
Смотрите также:
HTMLКоллекция
HTMLCollection — это коллекция узлов HTML.
Доступ к узлам в коллекции можно получить по порядковым номерам. Индекс начинается с 0.
Свойство length возвращает количество элементов в коллекции.
Синтаксис
document.links
Характеристики
Property | Description |
length | The number of elements in the collection. |
Методы
Method | Description |
[index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Возвращаемое значение
Тип | Описание |
Объект | Объект HTMLCollection . Все элементы <a> и <area> в документе. Элементы сортируются по мере их появления в документе. |
Дополнительные примеры
Получите URL-адрес элемента с id="myLink":
let url = document.links.namedItem("myLink").href;
Добавьте красную рамку к первой ссылке в документе:
document.links[0].style.border = "5px solid red";
Перебрать все ссылки и вывести URL (href) каждой:
const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
text += links[i].href + "<br>";
}
Поддержка браузера
document.links
является функцией DOM уровня 1 (1998 г.).
Он полностью поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |