note

이벤트 발생 객체의 스타일 변경 본문

JavaScript/기본

이벤트 발생 객체의 스타일 변경

투한 2012. 3. 16. 10:56 























<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload = function () {
		document.getElementById('header').onclick = function(){
			this.style.color = 'Orange';
			this.style.backgroundColor = 'Red';
		};
	};
</script>
</head>
<body>
	<h1 id="header">Click</h1>
</body>
</html>


클릭을 하면 스타일이 변경됨
this라는것은 가변적
이벤트가 일어나지 않았기 때문에 이벤트가 일어나는 순간 this가 값을 갖게됨 




저작자표시 비영리 변경금지 (새창열림)

'JavaScript > 기본' 카테고리의 다른 글

이벤트 연결  (0) 2012.03.19
이벤트 객체  (0) 2012.03.16
이벤트 핸들러 안에서 this 키워드  (0) 2012.03.16
이벤트 용어  (0) 2012.03.16
현재 시간 표시  (0) 2012.03.16
'JavaScript/기본' Related Articles more