Как я могу добавить атрибут "href" в ссылку динамически с помощью JavaScript?

Как добавить атрибут href к ссылке динамически с помощью JavaScript?

В основном я хочу добавить атрибут href в <a></a> динамически (то есть когда пользователь нажимает на определенное изображение на веб-сайте).

Итак, из:

<a>Link</a>

Мне нужно перейти к:

<a href="somelink url">Link</a>

Ответы

Ответ 1

var a = document.getElementById('yourlinkId'); //or grab it by tagname etc
a.href = "somelink url"

Ответ 2

Я предполагаю, что вы знаете, как получить объект DOM для элемента <a> (используйте document.getElementById или какой-либо другой метод).

Чтобы добавить любой атрибут, просто используйте метод setAttribute объекта DOM:

a = document.getElementById(...);
a.setAttribute("href", "somelink url");

Ответ 3

Я знаю, что это уже ответили, но поскольку этот пост помог мне решить мое решение, я хотел бы опубликовать его.

Первоначально я пробовал

<a href='somelink' class='button-css'>Click Me</a>

и это почти сработало. Текст был немного не в центре и просто не совсем ясен. Затем я попытался:

"<a href='SomeLink'><input type='button' class='button-css' value='Button Text' /></a>"

Моя кнопка отлично выглядит, и ссылка работает.

Ответ 4

document.getElementById('link-id').href = "new-href";

Я знаю, что это старый пост, но здесь однострочный, который может быть более подходящим для некоторых людей.

Ответ 5

Сначала попробуйте изменить <a>Link</a> на <span id=test><a>Link</a></span>.

Затем добавьте что-то подобное в функцию javascript, которую вы вызываете:

var abc = 'somelink';
document.getElementById('test').innerHTML = '<a href="' + abc + '">Link</a>';

Таким образом, ссылка будет выглядеть так:

<a href="somelink">Link</a>