Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

JS Справочник


JavaScript

Модификаторы: Группы: Метасимволы: Квантификаторы: Свойства: Методы:

Window


HTML DOM


HTML События


Web APIs


HTML Объекты


Другие ссылки




HTML DOM Document links



Свойство links

Пример document.links

Количество ссылок в документе:

let numb = document.links.length;
Попробуйте сами »

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

let url = document.links[0].href;
Попробуйте сами »

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

let url = document.links.item(0).href;
Попробуйте сами »

Ещё примеры ниже.


Описание links

Свойство links возвращает коллекцию всех ссылок в документе.

Свойство links возвращает HTMLCollection.

Свойство links доступно только для чтения.

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


HTMLCollection links

HTMLCollection — это коллекция (список) HTML-элементов в виде массива.

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

Свойство length возвращает количество элементов в коллекции.


Синтаксис links

document.links

Свойства links

Свойство Описание
length Количество элементов в коллекции.

Методы links

Метод Описание
[index] Возвращает элемент с указанным индексом (начинается с 0).
Возвращает null, если индекс выходит за пределы диапазона.
item(index) Возвращает элемент с указанным индексом (начинается с 0).
Возвращает null, если индекс выходит за пределы диапазона.
namedItem(id) Возвращает элемент с указанным идентификатором.
Возвращает null, если идентификатор не существует.

Возвращаемое значение links

Тип Описание
ObjectОбъект HTMLCollection.
Все элементы <a> и <area> в документе.
Элементы сортируются по мере их появления в документе.


Ещё примеры links

Получите 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>";
}
Попробуйте сами »

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

document.links является функцией DOM уровня 1 (1998).

Он полностью поддерживается во всех браузерах:

Chrome Edge Firefox Safari Opera IE
Да Да Да Да Да 9-11


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.