Najnowsze tutoriale tworzenie stron internetowych
 

Stół insertRow() Method

<Stół obiektowy

Przykład

Włożyć nową row(s) w pozycji pierwszej tabeli (i wstawić <td> elementu z niektórych materiałów do niego)

// 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";
Spróbuj sam "

Definicja i Wykorzystanie

insertRow() metoda tworzy pusty <tr> elementu i dodaje go do stołu.

insertRow() Sposób wstawia nową row(s) w określonym indeksem w tablicy.

Uwaga: <tr> element musi zawierać jeden lub więcej <th> lub <td> elementów.

Ważne: Z deleteRow() sposobu w celu usunięcia wiersz.


Wsparcie przeglądarka

metoda
insertRow() tak tak tak tak tak

Składnia

tableObject .insertRow( wartości parametrów
Wartość Opis
index Wymagane w Firefox i Opera, opcjonalnie w IE, Chrome i Safari. Liczba wskazująca pozycję rzędu do wkładki (rozpoczyna się w 0 ° C). Wartość 0 powoduje, że nowy rzędu zostanie umieszczona w pierwszej pozycji.

Wartość -1 może być również używany, powoduje nowy wiersz wprowadzonych w ostatniej pozycji.

Ten parametr jest wymagany w Firefox i Opera, ale opcja w programie Internet Explorer, Chrome i Safari.

Jeśli ten parametr zostanie pominięty, insertRow() wstawia nowy wiersz na ostatniej pozycji w Chrome, IE, Firefox i Opera, a na pierwszej pozycji w Safari.

Szczegóły techniczne

Zwracana wartość: Wstawione <tr> elementem

Więcej przykładów

Przykład

Tworzenie i usuwanie 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);
}
Spróbuj sam "

Podobne strony

Odniesienia HTML: HTML <tr> tag


<Stół obiektowy