집 >웹 프론트엔드 >JS 튜토리얼 >테이블 행을 동적으로 추가 및 삭제합니다. js 구현 code_javascript 기술

테이블 행을 동적으로 추가 및 삭제합니다. js 구현 code_javascript 기술

WBOY원래의: 2016-05-16 16:57:481162검색

코드 복사 코드는 다음과 같습니다.

< ;script 언어="javascript">
//창 테이블에 행 추가
function addNewRow(){
var tabObj=document.getElementById("myTab");//Get 데이터를 추가할 테이블
varrowNum = tabObj.rows.length; //현재 행 수 가져오기
var colsNum=tabObj.rows[rowsNum-1].cells.length;//행 수 가져오기 행의 열
var myNewRow = tabObj.insertRow(rowsNum);//새 행 삽입
var newTdObj1=myNewRow.insertCell(0);
newTdObj1.innerHTML="";
var newTdObj2=myNewRow.insertCell(1);
newTdObj2.innerHTML="";
var newTdObj3=myNewRow.insertCell(2);
newTdObj3.innerHTML="";
var newTdObj4=myNewRow.insertCell (3);
newTdObj4.innerHTML=" ";
}
//창 테이블에서 행 삭제
function RemoveRow(){
var chkObj=document.getElementsByName("chkArr");
var tabObj=document.getElementById("myTab");
for(var k=0;k if(chkObj[k].checked){
tabObj.deleteRow(k 1);
k=-1;
}
}
}

> td>

성명：

이전 기사：jquery_jquery에서 ajax 함수를 실행할 때 동기화를 설정하는 방법다음 기사：jquery_jquery에서 ajax 함수를 실행할 때 동기화를 설정하는 방법

테이블 행을 동적으로 추가 및 삭제합니다. js 구현 code_javascript 기술

관련 기사