Как заменить символы?

Question

Как заменить символ в ссылках? Пробую вот так, но он просто убирает символ, при символе # все ок

document.querySelectorAll('a').forEach(a => { 
   a.href = a.href.replace(/@/, "123")
})

a {
  pointer-events: none;
}

a::before {
  content: attr(href);
}

<a href="https://@test"></a>

Answer 1

Тег <a> это тег для якорей. Аттрибут href у него должна быть ссылкой. Если вы задаете кривую ссылку в аттрибут href, она по возможности будет исправлена.

document.querySelector(`button#fix`).addEventListener(`click`, (event) => {
  document.querySelectorAll(`a`).forEach((a) => {
    a.href = a.href;
  })
});

a {
  pointer-events: none;
}

a::before {
  content: attr(href);
}

<a href="https://@test"></a><br/>
<button id="fix">Fix</button>

И тут replace(/@/, "123") не при чем.

БЛОГ НА HUSL

Как заменить символы?

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