1. insertRow() 및 insertCell() 함수
insertRow() 함수는 다음 형식의 매개변수를 사용할 수 있습니다.
insertRow(index): 인덱스는 0부터 시작합니다
이 함수는 첫 번째 행 앞에 새 행을 추가하는 insertRow(0)와 같이 인덱스 행 앞에 새 행을 추가합니다. 기본 insertRow() 함수는 테이블 끝에 새 행을 추가하는 insertRow(-1)과 동일합니다. 일반적으로 사용하는 경우: objTable.insertRow(objTable.rows.length) 테이블 objTable 끝에 새 행을 추가하는 것입니다.
insertCell()과 insertRow의 사용법은 동일하므로 여기서는 논의하지 않습니다.
2. deleteRow() 및 deleteCell() 메소드
deleteRow() 함수는 매개변수를 사용할 수 있으며 형식은 다음과 같습니다. deleteRow(index): 인덱스는 0부터 시작합니다
위의 두 가지 방법과 같은 의미는 지정된 위치의 행과 셀을 삭제하는 것입니다. 전달할 매개변수: Index는 테이블 내 행의 위치로, 다음 방법으로 얻은 후 삭제할 수 있습니다.
사용 중 발생한 문제에 대해 말씀드리겠습니다. 테이블의 행을 삭제할 때 특정 행을 삭제하면 테이블의 행 수가 즉시 변경되므로 테이블을 삭제하려면 모든 행을 삭제하세요. , 다음 코드가 잘못되었습니다:
3. 셀과 행의 속성을 동적으로 설정
A. 다음 형식으로 setAttribute() 메소드를 사용하십시오: setAttribute(속성, 속성 값)참고: 이 방법은 거의 모든 DOM 개체에 사용할 수 있습니다. 첫 번째 매개변수는 속성 이름(예: border)이고 두 번째 매개변수는 테두리에 설정하려는 값(예: 1)입니다. 🎜>
나.직접배치
이 방법도 누구에게나 적용되는 방법이죠 ㅎㅎ
4. 테이블 만들기
1단계: 동적으로 변경할 수 있는 테이블이 필요합니다. 여기서 말하는 것은 페이지에 이미 존재하는 테이블에 대한 ID: myTable
입니다.2단계: 행 및 열 개체 만들기
//셀 상자 번호
var newCellCartonNo = nextRow.insertCell()
var cartonNoName = "IptCartonNo"
newCellCartonNo.innerHTML = " ";
newCellCartonNo.setAttribute("className","tablerdd");
그렇습니다. 간단히 행과 열을 만들면 됩니다. 아래에 특정 코드를 게시했습니다. 아주 간단한 예시일 뿐인데 방법은 아마 위와 같을 텐데요, ㅎㅎ 천천히 살펴보도록 하겠습니다~