Как добавить атрибут href к ссылке динамически с помощью JavaScript?
В основном я хочу добавить атрибут href в <a></a> динамически (то есть когда пользователь нажимает на определенное изображение на веб-сайте).
Итак, из:
<a>Link</a>
Мне нужно перейти к:
<a href="somelink url">Link</a>
var a = document.getElementById('yourlinkId'); //or grab it by tagname etc
a.href = "somelink url"
Я предполагаю, что вы знаете, как получить объект DOM для элемента <a> (используйте document.getElementById или какой-либо другой метод).
Чтобы добавить любой атрибут, просто используйте метод setAttribute объекта DOM:
a = document.getElementById(...);
a.setAttribute("href", "somelink url");
Я знаю, что это уже ответили, но поскольку этот пост помог мне решить мое решение, я хотел бы опубликовать его.
Первоначально я пробовал
<a href='somelink' class='button-css'>Click Me</a>
и это почти сработало. Текст был немного не в центре и просто не совсем ясен. Затем я попытался:
"<a href='SomeLink'><input type='button' class='button-css' value='Button Text' /></a>"
Моя кнопка отлично выглядит, и ссылка работает.
document.getElementById('link-id').href = "new-href";
Я знаю, что это старый пост, но здесь однострочный, который может быть более подходящим для некоторых людей.
Сначала попробуйте изменить <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>