Как получить название канала Youtube с помощью querySelectorAll?

#javascript #google-chrome #youtube #selectors-api

#javascript #google-chrome #YouTube #селекторы-api

Вопрос:

ВЫВОД: консоль

URL: https://www.youtube.com/feed/trending?gl=IN

 document.querySelectorAll('a[class="yt-simple-endpoint style-scope yt-formatted-string"]')[0].innerText;

document.querySelectorAll('a[class="yt-simple-endpoint style-scope yt-formatted-string"]')[1].innerText;
  

ВОПРОС: Почему в выводе на консоль есть дубликаты (нажмите на изображение выше)? Кто-нибудь может объяснить, что здесь происходит? Как восстановить уникальное название канала?

Ответ №1:

Попробуй это:

 document.querySelectorAll('#meta a.yt-simple-endpoint.style-scope.yt-formatted-string')[1].innerText;
  

Внутри <div > есть еще один скрытый элемент с идентификатором ‘channel-info’ с тем же набором классов. Вы можете нажать F12, затем CTRL-F для поиска этого набора классов, чтобы увидеть дубликат.