TableRow insertCell() 方法

HTML DOM TableRow objekt

定义和用法

insertCell() 方法将单元格插入到当前行中。

提示：请使用 deleteCell() 方法 删除当前表格行中的单元格。

另请参阅：

HTML 参考手册：HTML <tr> tag

实例

例子 1

在 id="myRow" 的表格行的开头插入包含内容的新单元格：

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";

Prøv det selv

页面下方提供更多实例。

语法

tablerowObject.insertCell()index)
Parameter Beskrivelse
index

Det er obligatorisk i Firefox og Opera, og valgfrit i IE, Chrome og Safari.

Et tal ( starter fra 0 ), der definerer placeringen af den nye celle i rækken.

Værdien 0 vil føre til, at den nye celle indsættes på første position. Man kan også bruge værdien -1, hvilket vil føre til, at den nye celle indsættes i sidste position.

Hvis dette parameter udelades, indsætter insertCell() i sidste position i IE, og i første position i Chrome og Safari.

Tekniske detaljer

Returværdi:

Indsatte cellerlementer.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Flere eksempler

Eksempel 2

Indsæt en ny celle med indhold i slutningen af tablerækken med id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";

Prøv det selv

Eksempel 3

Indsæt en ny celle med indhold på indekspladsen 2 i tablerækken med id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";

Prøv det selv

Eksempel 4

Indsæt en ny celle i begyndelsen af den første tablerække. Samlingen rows (.rows[0]) returnerer samlingen af alle <tr>-elementer i tabellen med id "myTable".

Tallet [0] definerer det element, der skal findes, i dette eksempel, er den første tablerække. Derefter bruger vi insertcell() til at indsætte en ny celle på indekspladsen -1:

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";

Prøv det selv

Eksempel 5

Fjern den første celle fra tablerækken med id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);

Prøv det selv

Eksempel 6

Indsæt en ny række i begyndelsen af tabellen.

Metoden insertRow() indsætter en ny række på den angivne indeksplads i tabellen, i dette eksempel, på den første placering (billedet) af tabellen med id="myTable".

Så bruger vi metoden insertCell() til at tilføje en celle i en ny række.

var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NY CELLE1";
cell2.innerHTML = "NY CELLE2";

Prøv det selv

HTML DOM TableRow objekt