ตัวอย่าง
ใส่ใหม่ cell(s) ที่มีเนื้อหาที่จุดเริ่มต้นของแถวตารางที่มี id = "myRow" นี้:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell"; ลองตัวเอง» ความหมายและการใช้งาน
insertCell() วิธีการแทรกเข้าไปในเซลล์แถวปัจจุบัน
เคล็ดลับ: ใช้ deleteCell() วิธีการลบเซลล์ในแถวของตารางในปัจจุบัน
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| insertCell() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
tablerowObject .insertCell( ค่าพารามิเตอร์ ความคุ้มค่า ลักษณะ index จำเป็นต้องใช้ใน Firefox และ Opera, ตัวเลือกใน IE, Chrome และ Safari จำนวน (starts at 0) ที่ระบุตำแหน่งของมือถือใหม่ในแถวปัจจุบัน ค่าของ 0 ผลในการที่เซลล์ใหม่จะถูกแทรกในตำแหน่งแรก ค่า -1 นอกจากนี้ยังสามารถนำมาใช้; ซึ่งจะส่งผลในการที่เซลล์ใหม่จะถูกแทรกที่ตำแหน่งสุดท้าย
ถ้าพารามิเตอร์นี้ถูกละไว้ insertCell() แทรกมือถือใหม่ที่ตำแหน่งสุดท้ายใน IE และที่ตำแหน่งแรกใน Chrome และ Safari
พารามิเตอร์นี้จำเป็นใน Firefox และ Opera แต่ตัวเลือกใน Internet Explorer, Chrome และ Safari
รายละเอียดทางเทคนิค
กลับค่า: องค์ประกอบของเซลล์แทรก
ตัวอย่างอื่น ๆ
ตัวอย่าง
ใส่ใหม่ cell(s) ที่มีเนื้อหาในตอนท้ายของแถวของตารางมี id = "myRow" นี้:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
ลองตัวเอง»
ตัวอย่าง
ใส่ใหม่ cell(s) ที่มีเนื้อหาที่ตำแหน่งดัชนี 2 ของแถวตารางที่มี id = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
ลองตัวเอง»
ตัวอย่าง
ใส่ใหม่ cell(s) ที่จุดเริ่มต้นของแถวตารางแรก คอลเลกชันตารางแถว (.rows[0]) ผลตอบแทนของคอลเลกชันทั้งหมด <tr> องค์ประกอบในตารางที่มี ID "myTable" จำนวน [0] ระบุองค์ประกอบที่จะดึงในตัวอย่างนี้แถวตารางแรก จากนั้นเราจะใช้ insertcell() เพื่อแทรกใหม่ cell(s) ที่ตำแหน่งดัชนี -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; ลองตัวเอง»
ตัวอย่าง
ลบแรก cell(s) จากแถวของตารางมี id = "myRow":
var row = document.getElementById("myRow");
row.deleteCell(0); ลองตัวเอง»
ตัวอย่าง
ใส่ใหม่ row(s) ที่จุดเริ่มต้นของตาราง insertRow() วิธีการแทรกแถวใหม่ที่ดัชนีที่ระบุในตารางในตัวอย่างนี้ตำแหน่งแรก (the beginning) ของตารางที่มี 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"; ลองตัวเอง»
<TableRow วัตถุ