ວິທະຍາສາດ Table insertRow()

ບັນດາໂອບາຂອງ HTML DOM Table

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

insertRow() ວິທະຍາສາດສ້າງ <tr> ຕ້ອງມີ ແລະສົ່ງມາຕາມ.

insertRow() ວິທະຍາສາດໃຊ້ໃນການເພີ່ມສິ່ງໃຫມ່ທີ່ຈະສົ່ງມາຈຸດດັ່ງກ່າວໃນຕາມ.

ຫັງວ່າ:<tr> ຕ້ອງມີ <th> ຫຼື <td>.

ຄຳແນະນຳ:ກະຕຸ້ນໃຊ້: ວິທະຍາສາດ deleteRow() ລຶບສາຍ.

ບໍ່ວ່າກໍ່ຄື:

ຄູ່ມູນ HTML:ອັບດາທີ່ <tr> HTML

ຕົວຢ່າງ

ບົດການ 1

ການເພີ່ມສິ່ງໃຫມ່ທີ່ສຸດໃນຕາມ (ແລະ ສົ່ງມາຂັ້ນເພີ່ມໃຫມ່ທີ່ມີຂໍ້ຄວາມ):

// ການຊອກຫາ <table> ທີ່ id="myTable":
var table = document.getElementById("myTable");
// ການເພີ່ມຂັ້ນເພີ່ມໃໝ່ທີ່ບໍ່ມີຂໍ້ຄວາມ ແລະ ສົ່ງມາຕອນທໍາອິດຂອງຕາມ:
var row = table.insertRow(0);
// ການເພີ່ມຂັ້ນເພີ່ມໃໝ່ໃນຕອນທໍາອິດ ແລະ ຕອນທີສອງຂອງ <tr> ທີ່ໃໝ່ (<td>):
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// ການເພີ່ມຂໍ້ຄວາມໃນຂັ້ນເພີ່ມໃໝ່:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

ທ່ານຈະສອບສວນກໍ່ໄດ້

ບົດການ 2

ການສ້າງ ແລະ ລຶບຈາກສາຍ.

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.insertRow(index)
ປະສານ ອະທິບາຍ
index

ມັນເປັນສິ່ງທີ່ຈຳເປັນໃນ Firefox ແລະ Opera, ແຕ່ບໍ່ຈຳເປັນໃນ IE, Chrome ແລະ Safari.

ຄູ່ມູນສະເລັດທີ່ກໍານົດການລະບຸຈຸດທີ່ຈະສົ່ງມາສິ່ງໃຫມ່ (ເລີ່ມຈາກ 0). ຄູ່ມູນ 0 ຈະສົ່ງມາສິ່ງໃຫມ່ທີ່ສຸດ.

ສາມາດໃຊ້ຄູ່ມູນ -1 ກໍ່ໄດ້ທີ່ຈະສົ່ງມາສິ່ງໃຫມ່ທີ່ສຸດ.

ຖ້າບໍ່ຕັດສິນລະດັບຂັ້ນຕອນນີ້, insertRow() ຈະໃຫ້ການເພີ່ມສອງສາມວັດທີ່ສຸດທ້າຍໃນ Chrome, IE, Firefox, Opera ແລະ ການເພີ່ມສອງວັດທ້າຍໃນ Safari.

ລະອຽດດ້ານເຕັກນິກ

ຜົນກະທົບ: ສະຖານນະວັດ <tr> ທີ່ຂຽນເຂົ້າ

ການສະໜັບສະໜູນບັນດາການສະແດງ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ບັນດາໂອບາຂອງ HTML DOM Table