note

문서 객체에 스타일 적용 본문

JavaScript/기본

문서 객체에 스타일 적용

투한 2012. 3. 16. 10:06 





<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload = function(){
		//문서 객체를 가져옵니다
		var header = document.getElementById('header');
		//문서 객체의 스타일을 바꿔줍니다.
		header.style.border = '2px Solid Black';
		header.style.color = 'Orange';
		header.style.fontFamily = 'Helvetica';
	}
</script>
</head>
<body>
<h1 id="header">Header</h1>
</body>
</html>

참고
CSS와 속성 이름이 약간 다름 자바스크립트는 식별자에 -를 사용할 수 없어서
background-color 가 backgroundColor 로 표현 





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

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

이벤트 용어  (0) 2012.03.16
현재 시간 표시  (0) 2012.03.16
getElementsByTagName()메서드  (0) 2012.03.16
문서 객체의 속성 지정  (0) 2012.03.16
문서 객체 연결 / appendChild()  (0) 2012.03.16
'JavaScript/기본' Related Articles more