Как нажать на ссылку через querySelector?

Как найти эту ссылку через document.querySelector? id тут нет, а элементов с одинаковыми классами - много. Возможно ли как то делать по href? Или, полагаю, искать нужно по тому, что написано в path d, но как?

В общем, научите пожалуйста)

(Нажмите для увеличения) введите сюда описание изображения


Ответы (1 шт):

Автор решения: David
  • Если ссылок с такими же классами и href адресом больше нет, можете использовать document.querySelector('a.link-subtle.main-navBar-navBarLink[href="/lyrics-plus"]') Объснение: здесь мы выбираем тег <a>, у которого есть аттрибут href="/lyrics-plus" и классы link-subtle, main-navBar-navBarLink

  • Если такой элемент не единственный, можете использовать document.querySelector('.main-navBar-entryPoints a.link-subtle.main-navBar-navBarLink:nth-child(4) здесь мы выбираем все теги <a> навбара и из них выбираем четвертый с помощью псевдокласса :nth-child(4)

Совет на будущее: HTML лучше вставлять кодом, т.к. на скриншотах не всегда легко разобрать текст и какие-то элементы приходится переписывать.

→ Ссылка