예
새로 삽입 row(s) 테이블의 첫 번째 위치 (및 삽입 <td> 그 일부 콘텐츠 요소) :
// Find a <table> element with id="myTable":
var table =
document.getElementById("myTable");
// Create an empty <tr> element
and add it to the 1st position of the table:
var row = table.insertRow(0);
// Insert
new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 =
row.insertCell(0);
var cell2 = row.insertCell(1);
// Add some text
to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML =
"NEW CELL2";
»그것을 자신을 시도 정의 및 사용
insertRow() 메소드는 빈 생성 <tr> 요소 및 테이블에 추가한다.
insertRow() 메소드는 새로운 삽입 row(s) 테이블의 지정된 인덱스를.
주 : <tr> 요소가 하나 이상 포함되어 있어야 <th> 또는 <td> 요소.
팁 : 사용 deleteRow() 행을 제거하는 방법.
브라우저 지원
방법 | |||||
---|---|---|---|---|---|
insertRow() | 예 | 예 | 예 | 예 | 예 |
통사론
tableObject .insertRow( 매개 변수 값 값 기술 index IE, 크롬과 사파리의 선택, 파이어 폭스와 오페라에 필요합니다. 삽입 된 행의 위치를 나타내는 숫자 (0에서 시작한다). 이 새로운 행의 결과 0의 값은 첫 번째 위치에 삽입한다. 또한 사용될 수 -1의 값이 새로운 행이 최종 위치에 삽입되는 것을 초래한다.
이 매개 변수는 인터넷 익스플로러, 크롬과 사파리 파이어 폭스와 오페라에 필요하지만 선택 사항입니다.
이 매개 변수를 생략하면, insertRow() 크롬, IE, 파이어 폭스와 오페라의 마지막 위치에 새 행을 삽입하고 Safari에서 첫 번째 위치에서.
기술적 세부 사항
반환 값 : 삽입 <tr> 요소
더 예
예
만들기 및 삭제 row(s) :
function myCreateFunction() {
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";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
} »그것을 자신을 시도
관련 페이지
HTML 참조 : HTML <tr> 태그
<표 개체