예
새로운 삽입 cell(s) ID = "myRow"와 테이블 행의 시작 부분에 내용을 :
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell"; »그것을 자신을 시도 정의 및 사용
insertCell() 메소드는, 현재 행에있는 셀을 삽입한다.
팁 : 사용 deleteCell() 현재의 테이블 행에서 셀을 삭제하는 방법.
브라우저 지원
| 방법 | |||||
|---|---|---|---|---|---|
| insertCell() | 예 | 예 | 예 | 예 | 예 |
통사론
tablerowObject .insertCell( 매개 변수 값 값 기술 index IE, 크롬과 사파리의 선택, 파이어 폭스와 오페라에 필요합니다. 다수 (starts at 0) 현재 행에 새로운 셀의 위치를 지정. 새로운 셀이 0 결과의 값은 첫 번째 위치에 삽입한다. -1의 값이 또한 사용될 수있다; 이는 새로운 셀이 최종 위치에 삽입되는 것을 초래한다.
이 파라미터가 생략 된 경우 insertCell() IE 및 크롬과 사파리 제 위치에서 마지막 위치에 새로운 셀을 삽입한다.
이 매개 변수는 인터넷 익스플로러, 크롬과 사파리 파이어 폭스와 오페라에 필요하지만 선택 사항입니다.
기술적 세부 사항
반환 값 : 삽입 된 전지 소자
더 예
예
새로운 삽입 cell(s) ID = "myRow"와 테이블 행의 끝에 내용을 :
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
»그것을 자신을 시도
예
새로 삽입 cell(s) ID = "myRow"인 테이블 행의 인덱스 위치 2에서 콘텐츠를 :
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
»그것을 자신을 시도
예
새로운 삽입 cell(s) 첫 번째 테이블 행의 시작 부분을. 테이블 행 컬렉션 (.rows[0]) 모두 모음 리턴 <tr> ID가 테이블 내의 요소 "myTable" . 번호 [0]는,이 예에서, 검색 테이블 첫번째 행 요소를 지정한다. 그럼 우리가 사용 insertcell() 새로운 삽입 할 cell(s) 인덱스 위치 -1에서를 :
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; »그것을 자신을 시도
예
제 삭제할 cell(s) ID = "myRow"인 테이블의 행을 행 :
var row = document.getElementById("myRow");
row.deleteCell(0); »그것을 자신을 시도
예
새로운 삽입 row(s) 테이블의 시작 부분에. insertRow() 메소드는 예를 들면, 첫 번째 위치에, 테이블에서 지정된 인덱스에서 새로운 행을 삽입 (the beginning) ID = "myTable에"인 테이블. 그럼 우리가 사용 insertCell() 새 행에 셀을 추가하는 방법을.
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2"; »그것을 자신을 시도
<TableRow 개체