테이블 행을 동적으로 추가 및 삭제하는 Js 구현 example_javascript 기술

최근 프로젝트를 진행하면서 테이블 행을 동적으로 추가하고 삭제해야 하는 경우가 발생했습니다. 구현 방법은 다음과 같습니다.

html 코드

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

>















table>


자바스크립트 코드:

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

";

//将行号推进下一行
LearnTRLastIndex.value = (rowID 1).toString() ;
}
//删除指정행
function LearnDeleteRow(rowid){
var signFrame = findObj("LearnInfoItem",document);
var signItem = findObj(rowid,document);

//获取将要删除의여행적Index
var rowIndex = signItem.rowIndex;

//删除指定Index의 이동
signFrame.deleteRow(rowIndex);

}

}



实现效果：

주요 학습 재개
시작 및 종료 시간	졸업원	전공	학교 시스템	학위	학습 스타일	교육 수준	;입력 이름='LearnTRLastIndex' 유형='hidden' id='LearnTRLastIndex' value="1" />