동적으로 css변경하기
엘리먼트.style.”변경할속성”
ex)
<html>
<head>
<script>
function change_color(val){
var element = document.getElementById("rs_div");
if(val=="red") element.style.color = "#ff0000";
else if(val=="blue") element.style.color = "#0000ff";
else if(val=="yellow") element.style.color = "#ffff00";
}
</script>
</head>
<body>
<input type="button" value="red" onclick="change_color(this.value)" />
<input type="button" value="blue" onclick="change_color(this.value)" />
<input type="button" value="yellow" onclick="change_color(this.value)" />
<div id="rs_div">색깔은?</div>
</body>
</html>
'웹개발 > javascript' 카테고리의 다른 글
[javascript] javascript undefined 체크 (0) | 2016.11.09 |
---|---|
[javascript] 몇 초후에 실행 setTimeout (0) | 2016.11.09 |
[javascript]onkeypress vs onkeydown vs onkeyup (0) | 2015.06.14 |
[javascript]바이트 체크하기 (0) | 2015.06.14 |
[javascript]예 아니오(confirm) (0) | 2014.04.01 |