[JavaScript] 요소의 style 변경하기

Posted at 2012.02.07 13:57 | Posted in 프로그래밍

1. 호출

<script>
	function change() {
		var element = document.getElementById("span1");
		element.style.fontSize = "48pt";
		element.style.color = "#f00";
		element.style.fontWeight = "bold";
	}
</script>

<span id="span1" style="font-size:36pt;color:#0ff">첫 번째 글자</span>
<button onclick="javascript: change();">변경</button>
예제 첫 번째 글자

2. 인라인

<span id="span2" style="display:none;font-size:24pt">두 번째 글자</span>
<button onclick="javascript: document.getElementById('span2').style.display = 'block';">변경</button>
예제

Name __

Password __

Link (Your Website)

Comment