JavaScript를 사용하여 링크에 동적으로 "href"속성을 추가 할 수 있습니까?

Question

JavaScript를 사용하여 동적으로 링크에 href 속성을 추가 할 수 있습니까?

<a></a>에 기본적으로 href 속성을 추가하고 싶습니다 (즉, 사용자가 웹 사이트에서 특정 이미지를 클릭 할 때).

그래서에서 : 나는 당신이합니다 (<a> 요소에 대한 DOM 객체를 가져 document.getElementById 또는 기타를 사용하는 방법을 알고 있다고 가정

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

Answer 1

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

Answer 2

:

<a>Link</a> 

나는에 갈 필요 방법).

그냥 DOM 개체의 setAttribute 방법을 사용하여, 어떤 속성을 추가하려면 :

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

Answer 3

나는이 이미 대답했다 알고 있지만,이 게시물은 내 솔루션에 저를 도왔 때문에, 나는 게시하고 싶었다.

원래, 나는

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

을 시도하고이 거의했다. 본문은 중심에서 조금 벗어 났으며 실제는 분명하지 않았습니다. 나는 그 때 시도했다 :

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

나의 단추는 중대하게 보이고 연결은 작동한다.

Answer 4

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

---

나는 이것이 이전 게시물이지만, 여기에 몇 가지 사람들에 더 적합 할 수있는 한 줄 알고.

Answer 5

먼저 <a>Link</a>을 <span id=test><a>Link</a></span>으로 변경하십시오.

그런 다음, 당신이 전화하고있는 자바 스크립트 함수에서 이런 식으로 뭔가를 추가 링크는 다음과 같이됩니다

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

이 방법 :

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