TableRow deleteCell() วิธี

HTML DOM TableRow วัตถุ

คำอธิบายและการใช้งาน

deleteCell() วิธีที่ลบหน่วยข้อมูลในบรรทัดของตารางปัจจุบัน

คำแนะนำใช้ วิธี insertCell() ใส่หน่วยข้อมูลในบรรทัดของตารางปัจจุบัน

ดูเพิ่มเติม

คู่มือ HTMLHTML <tr> แท็ก

ตัวอย่าง

ตัวอย่าง 1

ลบหน่วยข้อมูลแรกของบรรทัดของตารางที่มี id="myRow"

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

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ลบหน่วยข้อมูลสุดท้ายของบรรทัดของตารางที่มี id="myRow"

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

ทดลองด้วยตัวเอง

ตัวอย่าง 3

ลบหน่วยข้อมูลจากตำแหน่งดัชนี 1 ของบรรทัดของตารางที่มี id="myRow"

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

ทดลองด้วยตัวเอง

ตัวอย่าง 4

ลบหน่วยข้อมูลที่ต้นบรรทัดของตาราง

ตัวชี้วัด rows ของตาราง (.rows[0]) คืนค่าชุดของแบบแบ่งที่มี id ว่า "myTable" ของทั้งหมด <tr> ในตาราง ตัวเลข [0] กำหนดเลือกองค์ประกอบที่ต้องการค้นหา ในตัวอย่างนี้ คือบรรทัดตารางแรก

หลังจากนั้นเราใช้ deleteCell() จากตำแหน่งดัชนี 0 ที่ลบหน่วยข้อมูล

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

ทดลองด้วยตัวเอง

ตัวอย่าง 5

ใส่หน่วยข้อมูลใหม่ที่มีเนื้อหาในต้นบรรทัดของตารางที่มี id="myRow"

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "หน่วยข้อมูลใหม่";

ทดลองด้วยตัวเอง

ภาษา

tablerowObject.deleteCell(index)
ประกาศ รายละเอียด
index

บางครั้งมีความจำเป็นใน Firefox และ Opera แต่สามารถเลือกใช้งานได้ใน IE, Chrome และ Safari

เลขจำนวน (เริ่มต้นจาก 0) กำหนดตำแหน่งของหน่วยข้อมูลที่ต้องการลบในบรรทัดปัจจุบัน

ค่า 0 ทำให้หน่วยข้อมูลแรกถูกลบเพิ่มเติม ยังสามารถใช้ค่า -1 ได้ ซึ่งทำให้หน่วยข้อมูลสุดท้ายถูกลบเพิ่มเติม

ถ้าละเลยค่าพารามิเตอร์นี้ ฟังก์ชัน deleteCell() จะลบเซลล์สุดท้ายใน IE และเซลล์แรกใน Chrome และ Safari

รายละเอียดเทคนิค

ค่าที่จะกลับ

ไม่มีค่าที่จะกลับ

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML DOM TableRow วัตถุ