Table에 동적으로 TR, TD 추가하기

Example

     var id_table = document.getElementById(“테이블ID”);

     var id_tbody = id_table.childNodes[0];

     var id_row, id_cell;

     // TR객체를 생성해서 TBODY에 자식 요소로서 등록한다.

     id_row = document.createElement(“TR”);

     id_row.height = 23;

     id_tbody.appendChild(id_row);

     // TD객체를 생성해서 TR에 자식 요소로서 등록한다.

     id_cell = document.createElement(“TD”);

     id_cell.width = 50;

     id_row.appendChild(id_cell);

 

 

* element.childNodes : 주어진 요소(element)의 자식 노드 collection 을 반환한다.

     childNodes[i], childNodes.length

* document.createElement(“태그명”) : 태그명에 해당하는 요소를 생성한다.