Object.className 으로 제어 할 수 있다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Class Change </TITLE>
<style type="text/css">
.class1 {
    font-size:10px;
}
.class2 {
    font-size:20px;
}
</style>
<script language='javascript'>
    function fn_ClassChange()
    {
           var obj = document.getElementById("text");
           if(obj.className == "class1")
          {
              obj.className = "class2";
          }
          else
          {
                obj.className = "class1";
          }
      }   
</script>
</HEAD>
<BODY>
<span id="text" class="class1">Text</span>
<input type="button" value="변경" onClick="fn_ClassChange();" />
</BODY>
</HTML>
Posted by Arawn Trackback 0 : Comment 0