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

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/

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

DOMLiving Standardhttps://dom.spec.whatwg.org

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

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

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

ECMAScriptLiving Standardhttps://tc39.es/ecma262/