클릭시 특정id의 class변경

<style>
.redcolor{
 color:red;
}
.bluecolor{
 color:blue;
}
</style>

 

<div id="test" class="redcolor">테스트</div>
<div>마우스 오버시 색갈이 변합니다. <br><a href="#" onmouseover="colorchage('test','redcolor');">빨간색</a> <a href="#" onmouseover="colorchage('test','bluecolor');">파란색</a></div>

 

<script>
// 아이디, 클래스명
function colorchage(id,color){
 document.getElementById("test").className = color;
}
</script>