• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript DOM Element</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>속성 이름을 이용한 속성값 변경</h1>
12
    <a id="link" href="http://tcpschool.com/html/intro">HTML 수업 바로 가기!</a><br><br>
13
    <button onclick="changeLink()">자바스크립트 수업으로 바꾸기!</button>
14
15
    <script>
16
        function changeLink() {
17
            var link = document.getElementById("link");             // 아이디가 "link"인 요소를 선택함.
18
            link.href = "http://tcpschool.com/javascript/intro";    // 해당 요소의 href 속성값을 변경함.
19
            link.innerHTML = "자바스크립트 수업 바로 가기!";        // 해당 요소의 내용을 변경함.
20
        }
21
    </script>
22
23
</body>
24
​
25
</html>