[javascript] 스크립트로 style, class 변경

html

<td nowrap style="width:225px;margin-bottom:1px;">                                 <s:select name="approvalStage" list="stageCodeList" listKey="key" listValue="value" headerKey="" headerValue="--선택(현재 상태)--" onchange="selectStageCode(this);"></s:select>                             </td>                             <td nowrap style="width:85px;margin-bottom:1px;" id="dpStageTd">                                 <div id="dpStage" style="display: none;"><img src="../images/button/btn_next.gif" align="middle"> 상용상태</div>                             </td>                             <td nowrap style="width:225px;margin-bottom:1px;">                                 <div id="dpStageSelect" style="display: none;"><s:select name="dpStageSelect" list="dpStageCodeList" listKey="key" listValue="value" headerKey="" headerValue="전체"></s:select></div>                             </td>                             <td align="right" nowrap style="margin-bottom:1px;">                                 <img id="searchButton" src="../images/button/btn_search.gif" align="middle" onClick="javascript:searchContent();" style="cursor:hand;">                             </td>

script

function selectStageCode(obj) {         var STAGE_CODE_RELEASED = "<%=WorkflowCodeDef.STAGE_CODE_RELEASED%>";                 //alert(obj.value);         if(obj.value == STAGE_CODE_RELEASED) { // 상용이면             document.getElementById("dpStageTd").setAttribute("className", "subject");             document.getElementById("dpStage").style.display="";             document.getElementById("dpStageSelect").style.display="";         }         else {             document.getElementById("dpStageTd").setAttribute("className", "");             document.getElementById("dpStage").style.display="none";             document.getElementById("dpStageSelect").style.display="none";         }     }