Ultimele tutoriale de dezvoltare web
 

TableRow insertCell() Method

<TableRow Obiect

Exemplu

Se introduce noua cell(s) cu un conținut de la începutul unui rând de tabel cu id = „myRow“:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Încearcă - l singur »

Definiție și utilizare

insertCell() metoda introduce o celulă în rândul curent.

Sfat: utilizați deleteCell() metoda pentru a șterge o celulă din rândul tabelă curent.


Suport pentru browser-

Metodă
insertCell() da da da da da

Sintaxă

tablerowObject .insertCell( Valorile parametrilor
Valoare Descriere
index Necesar în Firefox și Opera, opțional în IE, Chrome și Safari. Un număr (starts at 0) de (starts at 0) , care specifică poziția noii celule din rândul curent. Valoarea 0 rezultate în faptul că noua celula va fi inserat la prima poziție. Valoarea -1 poate fi de asemenea utilizat; ceea ce duce la faptul că noua celula va fi inserat la ultima poziție.

Dacă acest parametru este omis, insertCell() inserează noua celula la ultima poziție în IE și la prima poziție în Chrome și Safari.

Acest parametru este necesar în Firefox și Opera, dar opțional în Internet Explorer, Chrome și Safari.

Detalii tehnice

Întoarcere Valoare: Elementul celular inserat

Mai multe exemple

Exemplu

Se introduce noua cell(s) cu un conținut de la capătul unui rând de tabel cu id = „myRow“:

var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Încearcă - l singur »

Exemplu

Se introduce noua cell(s) cu un conținut în poziția index 2 al unui rând de tabel cu id = „myRow“:

var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Încearcă - l singur »

Exemplu

Se introduce noua cell(s) la începutul primului rând de masă. Colecția de rânduri de masă (.rows[0]) returnează o colecție de toate <tr> elemente din tabelul cu id "myTable" . Numărul [0] specifică elementul pentru a prelua, în acest exemplu, primul rând de masă. Apoi , vom folosi insertcell() pentru a introduce noi cell(s) de la poziția de index -1:

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Încearcă - l singur »

Exemplu

Se elimină prima cell(s) dintr - un rând de tabel cu id = „myRow“:

var row = document.getElementById("myRow");
row.deleteCell(0);
Încearcă - l singur »

Exemplu

Se introduce un nou row(s) la începutul unui tabel. insertRow() metoda introduce un nou rând la indexul specificat într - un tabel, în acest exemplu, prima poziție (the beginning) a unui tabel cu id = „MyTable“. Apoi folosim insertCell() metoda pentru a adăuga celule în noul rând.

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";
Încearcă - l singur »

<TableRow Obiect