TableRow insertCell() 方法
定义和用法
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] က ရှာဖွေရန် အချက်အလက် အစား သတ်မှတ်ထားသော အချက်အလက် ဖြစ်သည်။ ဤအကြောင်းအရ အချက်အလက် အစား အချက်အလက် အချက်အလက် အစား -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" ဖြစ်သော အချက်အလက် အချက်အလက် အစား အပြီးအလောင်း ထိန်းသိမ်းပါ။
နောက်ပိုင်းတွင် ကိုယ်စားပြု() စနစ်ကို အသစ်သတ်မှတ်ထားသော အသုံးပြုပါ။
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";