I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) 자바스크립트 a링크 href 변경하기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 7. 28. 21:54

반응형

[즐거'웅'코드] 목차

  1. JAVASCRIPT
  2. 예제 소스
  3. 구현 예시
JAVASCRIPT
1
2
3
 
<script>
    document.getElementById("(아이디명)").href = "(변경할 href)";
</script>
예제 소스
1
2
3
4
5
6
7
8
 
<a id="test_obj" href="https://www.naver.com" target="_blank">페이지 이동</a>
<button onclick="test()">a링크 href 변경하기</button>
 
<script>
    function test() {
        document.getElementById("test_obj").href = "https://www.google.co.kr/";
    }
</script>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) 자바스크립트 alert창 개행(엔터) 시키기  (0) 2021.07.30
(즐거웅코드) 제이쿼리 a링크 href 변경하기  (0) 2021.07.29
(즐거웅코드) 제이쿼리 a링크 href 가져오기  (0) 2021.07.27
(즐거웅코드) 자바스크립트 a링크 href 가져오기  (0) 2021.07.26
(즐거웅코드) 제이쿼리 input 객체 개수 가져오기  (0) 2021.07.25

관련글

댓글 0

티스토리툴바