js를 통한 동적인 테이블 운영(관련 컬럼 정보 추가, 삭제)_javascript 스킬

1. 테이블 객체 가져오기
var objTable=document.getElementById( "tb_visitor" );
2. 새 행 추가
var objTempRow = objTable.rows[0] //템플릿 행 가져오기
var objNewRow = objTable.insertRow( objTable.rows.length );
objNewRow.id = objTable.rows.length-1;
//행 관련 정보 추가 
for ( var i =0 ; i {
var objNewCell = objNewCell.innerHTML = objTempRow.cells
/ /
if(objNewCell.innerHTML.indexOf("value=")!=-1){
var si=objNewCell.innerHTML.indexOf("value=")*1
var ei= objNewCell.innerHTML.indexOf(">");
var cellvalue=objNewCell.innerHTML.substring(si,ei);
//새 열의 내용을 지우고 사용 가능하도록 설정
objNewCell.innerHTML =objNewCell.innerHTML.replace(cellvalue,'').replace('disabled','');
}
}
//행 클릭 이벤트 추가
objNewRow.onclick = new Function( "fn_clickrow(this );");
3. 행 삭제
objTable.deleteRow(objrow.index);