[javascript] 오브젝트에 style클래스먹이기

원본코드

<button type="button" class="my_value" name="domainbtn" id="domainbtn"><span id="domainBtnName">JAEWOONG</span>

</button>

<ul>

<li><a href="javascript:changeDomain('<%=vDomain%>')"><%=vDomain %></a></li>      

</ul>

이라고 있을때 ul에 open스타일클래스를 먹이게되면 

아래그림과같이 버튼아래에 리스트가떠야한다.

단순히 select를 쓰면되겠지만 좀더깔끔한 디자인으로..

이럴때 ul에  <ul class="open"> 와같이 먹여야할때 쓰는코드.

jsp

<button type="button" class="my_value" name="domainbtn" id="domainbtn" onclick="javascript:openDomain()"><span id="domainBtnName">JAEWOONG</span>

</button>

<ul  id="domain_ul" >

<li> ......

javascript

function openDomain() {

var ul_obj = document.getElementById("domain_ul");

if (ul_obj.className == "open" ) {

ul_obj.className="";

} else {

ul_obj.className="open";

}

}

끝