Exemplu
Se introduce un nou row(s) în prima poziție a unui tabel (și se introduce un <td> Element cu conținut la ea):
// 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"; Încearcă - l singur » Definiție și utilizare
insertRow() Metoda creează un gol <tr> Element și adaugă la o masă.
insertRow() metoda inserează noua row(s) la indexul specificat în tabel.
Notă: <tr> elementul trebuie să conțină una sau mai multe <th> sau <td> elemente.
Indicație: Utilizați deleteRow() metoda pentru a elimina un rând.
Suport pentru browser-
| Metodă | |||||
|---|---|---|---|---|---|
| insertRow() | da | da | da | da | da |
Sintaxă
tableObject .insertRow( Valorile parametrilor Valoare Descriere index Necesar în Firefox și Opera, opțional în IE, Chrome și Safari. Un număr care specifică poziția rândului pentru a insera (începe de la 0). Valoarea 0 rezultate din faptul că noul rând va fi inserat la prima poziție. Valoarea -1 poate fi de asemenea utilizat, acest lucru duce la un rând nou fiind inserat la ultima poziție.
Acest parametru este necesar în Firefox și Opera, dar opțional în Internet Explorer, Chrome și Safari.
Dacă acest parametru este omis, insertRow() introduce un nou rând la ultima poziție în Chrome, IE, Firefox si Opera, iar la prima poziție în Safari.
Detalii tehnice
Întoarcere Valoare: Inserat <tr> elementul
Mai multe exemple
Exemplu
Crearea și ștergerea 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);
} Încearcă - l singur »
Pagini similare
HTML de referință: HTML <tr> tag - ul
<Tabelul Object