Как правильно выбрать нужную ссылку?

Как можно выбрать вторую ссылку с одинаковым классом из кода ниже, чтобы затем использовать её в `window.location.href`? 

```javascript
var links = document.querySelectorAll('.styles_link__8m3I9'); 
links.forEach(function(link) { 
    alert(link.href);
});
```
  • 10 декабря 2024 г. 0:53
Ответы на вопрос 1
Для того чтобы выбрать вторую ссылку с одинаковым классом в вашем коде, вы можете использовать свойство массива, так как `document.querySelectorAll` возвращает список элементов (NodeList), который можно манипулировать как массив. 

Вот как можно изменить ваш код, чтобы взять именно вторую ссылку:

```javascript
var links = document.querySelectorAll('.styles_link__8m3I9'); 

if (links.length > 1) {  // Проверяем, есть ли хотя бы две ссылки
    var secondLink = links[1];  // Берем вторую ссылку (индекс 1)
    alert(secondLink.href);      // Показываем её href
    window.location.href = secondLink.href;  // Переходим по второй ссылке
} else {
    console.log('Ссылок меньше двух.');
}
```

Этот код:
1. Проверяет, есть ли больше одной ссылки с классом `.styles_link__8m3I9`.
2. Если это так, он выбирает вторую ссылку по индексу `1` (поскольку индексация начинается с 0).
3. Выводит её `href` в alert и устанавливает `window.location.href` на значение `href` второй ссылки. 

Помните, что если на странице всего лишь одна ссылка или их нет, будет выведено сообщение в консоль.
Похожие вопросы