©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>JavaScript DOM Element</title>
</head>

<body>

	<h1>속성 이름을 이용한 속성값 변경</h1>
	<a id="link" href="http://tcpschool.com/html/intro">HTML 수업 바로 가기!</a><br><br>
	<button onclick="changeLink()">자바스크립트 수업으로 바꾸기!</button>
	
	<script>
		function changeLink() {
			var link = document.getElementById("link");				// 아이디가 "link"인 요소를 선택함.
			link.href = "http://tcpschool.com/javascript/intro";	// 해당 요소의 href 속성값을 변경함.
			link.innerHTML = "자바스크립트 수업 바로 가기!";		// 해당 요소의 내용을 변경함.
		}
	</script>
	
</body>

</html>