Как поменять href у класса на js?

Question

[barakuda1]

Здравствуйте!
Нет возможности установить класснейм или id, приходится искать через детей.
Столкнулся с небольшой проблемой.

let parent = document.getElementsByClassName('bread');
let elems = parent[0].children;

for (let elem of elems) {
	console.log(elem.innerHTML);
}

Выводит кусками следующее:

<a href="/">
          <span>Главная</span>
        </a>

<a href="/catalog/">
          <span>Каталог</span>
        </a>

Как теперь для elem[1] равный последнему куску выше, поменять ссылку в href, но при этом, проверить, что это действительно href = "/catalog" перед заменой.

if(elem[1].getAttribute("href") == "/catalog/")

Так не получилось...

Comments

[Вадим]

- if(elem[1].getAttribute("href") == "/catalog/")
+ if(elem.children[1].getAttribute("href") == "/catalog/")

?

Answer 1

[Rsa97]

document.querySelector('.bread [href="/catalog/"]').href = ...

Answer 2

[Сергей delphinpro]

for (let elem of elems) {
  console.log(elem.innerHTML);
  if (elem instanceof HTMLAnchorElement) {
    if (elem.href.test(/\/catalog\/?/) {
      elem.href = 'https://yandex.ru';
    }
  }
}