getElementsByTagName 사용

1. 개요
상위 제목을 클릭할 경우 해당 하위 항목들의 display 를 컨트롤 해야 하는 상황

2. 값 세팅
 1) tr 태그의 name은 동일한 부모키 값으로 세팅
 2) tr 태그의 id에는 각각의 키 값을 세팅
 3) 한 테이블 내에서 tr loop 되는 상황

3. 처리
 1) getElementsByTagName 를 사용하여 해당 테이블의 모든 tr 속성을 구함
 2) 클릭시 넘겨받은 키 값을 이용하여 name 이 동일한 tr의 id 를 구함
 3) 해당 id 에 해당하는  tr 을 컨트롤함

4. 구현 소스

function goImgViewAll(seq){     var table = document.getElementById('case_table');     var tr = table.getElementsByTagName("tr");     var cnt = 0;     var viewFlag = "";         for(var i=0; i<tr.length; i++){         var objName = tr[i].getAttribute("name");         var objId = tr[i].getAttribute("id");                 if(objName == "CASE_IMG_ALL_"+seq){             if(cnt==0) viewFlag = (document.getElementById(objId).style.display == "none")? "block": "none";             document.getElementById(objId).style.display = viewFlag;             cnt++;         }     }     }