최신 웹 개발 튜토리얼
 

insertRow() Method

<표 개체

새로 삽입 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> 태그


<표 개체