JavaScript | Как узнать количество ссылок на HTML-странице? — efim360.ru

JavaScript | Как узнать количество ссылок на HTML-странице?

Одной командой

document.getElementsByTagName("a").length

Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете "Инструменты разработчика" в браузере (CTRL + SHIFT + i). Находите вкладку "Console". Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. Жмёте ENTER.

 

Как это работает?

Для начала мы обращаемся к документу, на котором вызываем команду. В стандарте объектной модели документа (DOM) есть интерфейс Document в котором прописаны методы для работы с документами. Одним из таких методов является getElementsByTagName(), в который нужно передать название элемента из пространства имён HTML. В нашем случае мы передаём методу букву "a", которая обозначает веб-ссылку на HTML-странице.

Метод getElementsByTagName() возвращает коллекцию HTML-элементов в виде массиво-подобного объекта. Каждый элемент коллекции имеет своё положение, которое нумеруется целочисленными индексами, начиная с 0 (как у массивов). Коллекция имеет свою длину, которая равняется количеству веб-ссылок на HTML-странице.

 

Справочная информация - полезные статьи

JavaScript | Сколько ссылок на HTML-странице?

JavaScript | Как получить все ссылки на HTML-странице?

JavaScript | Как получить все внутренние ссылки на HTML-странице?

JavaScript | Как получить все внешние ссылки на HTML-странице?

JavaScript | Как получить все ссылки с запросами на HTML-странице?

JavaScript | Как получить все ссылки с фрагментами на HTML-странице?

DOM стандарт - https://efim360.ru/dom/

Читайте перевод полной версии стандарта "объектной модели документа", чтобы ознакомиться со всеми концепциями и интерфейсами.

DOM - Living Standard - https://dom.spec.whatwg.org

Читайте официальную документацию живого стандарта "объектной модели документа", чтобы быть в курсе последних изменений.

https://dom.spec.whatwg.org/#dom-document-getelementsbytagname

JavaScript - Массивы - https://efim360.ru/javascript-massivy-array/

ECMAScript - Living Standard - https://tc39.es/ecma262/