ວິທີ deleteCell() ຂອງ TableRow

ໂອເມວ ດອມ ອອກໂອເມວ ວັດທະນະທຳ TableRow

ການກໍານົດ ແລະ ການນໍາໃຊ້

deleteCell() ວິທີການລຶບເຄື່ອງບັນນາທິການໃນສິບທີ່ຈັດສະບາຍຕອນກຳນົດ.

ຄຳເຕືອນ:ຂໍ້ສັນຍາ: ວິທີ insertCell() ສະຫຼຸບເຄື່ອງບັນນາທິການໃນສິບທີ່ຈັດສະບາຍຕອນກຳນົດ.

ບໍ່ບໍ່ບັນທຶກ:

ຊຸດປະກອບ HTML:ແບບ <tr> HTML

ຄວາມຈຳນວນ

ຕົວຢ່າງ 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
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ໂອເມວ ດອມ ອອກໂອເມວ ວັດທະນະທຳ TableRow