JavaScript를 사용하여 동적으로 링크에 "href"속성을 추가하려면 어떻게해야합니까?

JavaScript를 사용하여 동적으로 링크에 "href"속성을 추가하려면 어떻게해야합니까?

---

hrefJavaScript를 사용하여 동적으로 링크에 속성을 추가하려면 어떻게 해야합니까?

기본적으로 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"

---

<a>요소 (사용 document.getElementById또는 다른 방법)에 대한 DOM 개체를 얻는 방법을 알고 있다고 가정합니다 .

속성을 추가하려면 DOM 객체 에서 setAttribute 메소드를 사용하면됩니다 .

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

---

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>

참고 URL : https://stackoverflow.com/questions/4689344/how-can-i-add-href-attribute-to-a-link-dynamically-using-javascript