DOM property, method

<동적콘텐츠 생성시 유용한 dom 프로퍼티와 메소드>

1)document.createElement(tagName) : tageName을 이용하여 엘리먼트를 생성

2)document.createTextNode(text) : text를 포함하는 노드를 생성

3)<element>.appendChild(childNode) : 현재 엘리먼트의 자식 노드들에 대한 리스트에 명시된 노드를 추가

     예)select 엘리먼트의 자식노드 option엘리먼트를 추가할수있다.

4)<element>.getAttribute(name)

   <element>.setAttribute(name,value) : 엘리먼트의 name attribute에 대한 값을 읽어오거나 설정한다.

5)<element>.insertBefore(newNode, targetNode) : newNode를 targetNode앞에 삽입한다.(현재노드의 자신노드가 된다)

6)<element>.removeAttribute(name) : 엘리먼트로 부터 name attribute를 제거한다.

7)<element>.removeChild(childNode) : 엘리먼트로 부터 childNode엘리먼트를 제거한다.

8)<element>.replaceChild(newNode,oldNode) : oldNode를 newNode로 대체한다.

9)<element>.hasChildnodes() : 엘리먼트가 자식노드를 가지고 있는지 여부를 Boolean값으로 반환

///////////기존의 tr건을 모두삭제///////

function clearPreviousResults(){
     
      var tableBody = document.getElementById("OEL_slect_list");//OEL_slect_list를 찾아서 배열로리스트를 넘김
      while(tableBody.childNodes.length > 0){
       tableBody.removeChild(tableBody.childNodes[0]);
      }
}

///////////tr생성//////////////////////

var row = document.createElement("tr");  //tr 엘리먼트생성

var cell = createCellWithText(NUM);        //td엘리먼트생성
row.appendChild(cell);     

cell = createCellWithText(S_ACPT_NUMBER);
row.appendChild(cell);

//////////td생성//////////////////////

function createCellWithText(text){
      var cell = document.createElement("td");         //td엘리먼트생성
      var textNode = document.createTextNode(text);//textnode생성
      cell.appendChild(textNode);  //td에 textnode추가
      cell.setAttribute("class","td_tg cen");  //어트리뷰트값을 셋팅
      return cell;
 }