지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 테이블 행을 동적으로 추가 및 삭제합니다. js 구현 code_javascript 기술

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

WBOY
풀어 주다： 2016-05-16 16:57:48
원래의
1172명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.



< ;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>
   
관련 라벨：
js删除表格行
원천：php.cn
이전 기사：jquery_jquery에서 ajax 함수를 실행할 때 동기화를 설정하는 방법 다음 기사：버튼을 클릭하는 효과를 얻으려면 직접 입력하고 클릭 event_javascript 기술을 트리거하십시오.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
CSS를 사용하여 Next.js의 Tic-Tac-Toe 보드에서 각 줄 아래의 공간을 제거하는 방법은 무엇입니까? 각 줄 아래에 공백이 있는 이유는 무엇입니까? (CSS) 저는 제 실력을 테스트하기 위해 Next.js tic-tac-toe 앱을 만들려고 합니다. 그러나 CSS...
에서 2024-04-05 11:39:02
0
1
1431
jQuery.remove() 및 array.splice() 문제 그래서 항목 목록과 쇼핑 목록이 있는 페이지가 있습니다. 항목 목록에서 x개의 항목을 쇼핑 목록에 추가하는 경우 쇼핑 목록에서 항목을 클릭하고 해당 항목을 연 모...
에서 2024-04-04 17:21:35
0
1
347
수정된 제목: 체크박스 선택에 따라 합계 계산 저는 간단한 금융 추적 애플리케이션을 개발 중입니다. 애플리케이션에는 모든 비용 청구서가 포함된 테이블이 있고 테이블 외부에 총 금액이 표시됩니다. JS 또는 A...
에서 2024-04-04 13:45:50
0
1
3465
깊은 물체를 제거하는 데 문제가 있음 내 Vue 구성 요소는 개체 내부의 개체를 사용하여 요소를 표시합니다. 페이지에서 버튼을 클릭하면 중첩된 개체 중 하나를 삭제하고 싶습니다. 삭제된 것 같은데, ...
에서 2024-04-03 21:48:14
0
1
302
Google Sheets 코드: 권한 문제 및 데이터 배치 오류 해결 저는 Google Script를 사용하여 첫 번째 코드를 작성하고 있습니다. 내 코드에 문제가 있습니다. Google 스프레드시트에 액세스하는 데 필요한 권한이 ...
에서 2024-04-03 09:26:47
0
1
278
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
작동노드 비율