วิธี deleteRow() ของ Table

HTML DOM Table วัตถุ

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

deleteRow() วิธีการลบบรรทัดที่กำหนดตำแหน่งในตาราง

คำแนะนำใช้งาน insertRow() สร้างและใส่บรรทัดใหม่

ดูเพิ่มเติม

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

ตัวอย่าง

ตัวอย่าง 1

ลบบรรทัดแรกในตาราง

document.getElementById("myTable").deleteRow(0);

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

ตัวอย่าง 2

ลบบรรทัดที่คลิก

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

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

ตัวอย่าง 3

สร้างและลบบรรทัด

function myCreateFunction() {
  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";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

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

ภาษาบอร์เดิร์

tableObject.deleteRow(index)

ค่าประกาศ

ประกาศ คำอธิบาย
index

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

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

ค่า 0 จะทำให้บรรทัดแรกถูกลบ

ยังสามารถใช้ค่า -1 ด้วย ซึ่งจะทำให้บรรทัดสุดท้ายถูกลบ

ถ้าละเลยค่านี้ deleteRow() จะลบบรรทัดสุดท้ายใน IE และลบบรรทัดแรกใน Chrome และ Safari

ค่าที่จะคืนค่า

ไม่มีค่าที่จะคืนค่า

การสนับสนุนโปรแกรมบราวเซอร์

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

HTML DOM Table วัตถุ