Изменение атрибута href с использованием Javascript

#javascript

#javascript

Вопрос:

В настоящее время требуется динамическое изменение href атрибута в <a> теге с использованием некоторого Javascript. Для контекста я хочу иметь легкодоступный фрагмент, который может делать это в поиске Google, чтобы выделить путь поддельного пользователя (я работаю в компании, которая продает инструмент для чат-ботов, и цель состоит в том, чтобы показать, как мы можем сделать работу специфичной для пользователя, если он нажал наобъявление). Это строго для демонстрационных целей и не будет кодом, который я выполняю за пределами своего локального компьютера.

Я нашел блок кода в другом сообщении (похоже, не могу его найти сейчас) и получил следующее:

 
function changeHyperlink () {

for (var i = 0; i < anchors.length; i  ) {
    anchors[i].href = "www.drift-demo.com"
}
}

changeHyperlink();
  

Это работает, однако все ссылки на странице Google имеют предшествующий href атрибут https://www.google.com , поэтому все ссылки теперь есть https://www.google.com/newurl.com . Моя конечная цель — чтобы все ссылки были конкретными newurl.com .

Я не знаю, как это происходит, поскольку все href атрибуты (в коде HTML) newurl.com .

Ответ №1:

При настройке href , включите протокол, например http , или https :

 const anchors = document.querySelectorAll('a');
function changeHyperlink() {
  for (var i = 0; i < anchors.length; i  ) {
    anchors[i].href = "https://www.drift-demo.com";
  }
}

changeHyperlink();  
 <a>some anchor</a>  

Комментарии:

1. Это сработало! Ценю понимание. Не могу поверить, что я забыл быть явным с протоколом!