TableRow insertCell() ਮੈਥਡ

HTML DOM TableRow ਆਬੋਦਧ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

insertCell() ਮੈਥਡ ਸੈੱਲ ਨੂੰ ਮੌਜੂਦਾ ਵਰਗ ਵਿੱਚ ਚਾਰਜ ਕਰਦਾ ਹੈ。

ਸੁਝਾਅ:ਇਸ ਤੋਂ ਵਰਤੋਂ ਕਰੋ: deleteCell() ਮੈਥਡ ਮੌਜੂਦਾ ਤਾਲਿਕਾ ਵਰਗ ਵਿੱਚ ਦੀ ਸੈੱਲ ਹਟਾਓ。

ਹੋਰ ਦੇਖੋ:

HTML ਜਾਣਕਾਰੀ ਕਿਤਾਬ:HTML <tr> ਟੈਗ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

id="myRow" ਦੇ ਸਾਰੇ ਤਾਲਿਕਾ ਵਰਗਾਂ ਦੇ ਸ਼ੁਰੂ ਵਿੱਚ ਨਵੀਂ ਤਾਲਿਕਾ ਖ਼ਾਨਾ ਚਾਰਜ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਪੰਨੇ ਤਹਿਤ ਹੋਰ ਉਦਾਹਰਣਾਂ ਮੁਹੱਈਆ ਕਰਾਉਂਦੇ ਹਨ。

ਵਿਆਕਰਣ

tablerowObject.insertCell(index)
参数 描述
index

在 Firefox 和 Opera 中是必需的，在 IE、Chrome 和 Safari 中是可选的。

数值（从 0 开始），规定新单元格在当前行中的位置。

值 0 将导致新单元格插到第一个位置。也可以使用 -1 的值，这将导致新单元格插入到最后一个位置。

如果省略此参数，在 IE 中 insertCell() 将在最后一个位置、在 Chrome 和 Safari 中将在第一个位置插入新单元格。

技术细节

返回值：

插入的单元格元素。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

更多实例

例子 2

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

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

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

例子 3

在 id="myRow" 的表格行的索引位置 2 处插入包含内容的新单元格：

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

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

例子 4

在第一个表格行的开头插入新单元格。表的 rows 集合 (.rows[0]) 返回表中 id 为 "myTable" 的所有 元素的集合。

数字 [0] 规定要检索的元素，在此例中，是第一个表格行。然后我们使用 insertcell() 在索引位置 -1 插入新的单元格：

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

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 5

id="myRow" ਦੇ ਪਤੇ ਵਰਗ ਤੋਂ ਪਹਿਲੇ ਸੈੱਲ ਹਟਾਓ:

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

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 6

ਪਤੇ ਦੇ ਸ਼ੁਰੂ ਵਿੱਚ ਨਵੇਂ ਵਰਗ ਜੋੜੋ।

insertRow() ਮੱਥੌਦ ਸਾਰੇ ਪਤੇ ਵਿੱਚ ਨਵੇਂ ਵਰਗ ਜੋੜਦਾ ਹੈ, ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ, id="myTable" ਦੇ ਪਤੇ ਦੇ ਪਹਿਲੇ ਸਥਾਨ (ਸ਼ੁਰੂ) ਵਿੱਚ。

ਤਦ ਅਸੀਂ insertCell() ਮੱਥੌਦ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਵੇਂ ਵਰਗ ਵਿੱਚ ਸੈੱਲ ਜੋੜਦੇ ਹਾਂ。

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";

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

HTML DOM TableRow ਆਬੋਦਧ