Table cells 集合

ໂອບເອັມໂດມຂອງເອັມເອລ ຕາມ

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

cells ການກັບຄືນທີ່ມີສະມາຊິກທັງໝົດ <td> ຫຼື <th> ໃນຕາມ

ຄວາມຄິດ:集合中的元素按照它们在源代码中出现的顺序进行排序。

ຄຳແນະນຳ:ນຳໃຊ້ rows 集合 ກັບຄືນທີ່ມີສະມາຊິກທັງໝົດ <tr> ໃນຕາມ

ຄຳແນະນຳ:ຂໍ້ສັງເກດ: insertRow() 方法 ສ້າງການເອົາສອງກັນໃໝ່ (<tr>)

ຄຳແນະນຳ:ຂໍ້ສັງເກດ: deleteRow() 方法 ລົບອອກການເອົາສອງກັນ

ຄຳແນະນຳ:ຂໍ້ສັງເກດ: insertCell() 方法 ສ້າງຂ້າງສະໜາມໃໝ່ (<td>).</td>

ຄຳແນະນຳ:ຂໍ້ສັງເກດ: ວິທີການ deleteCell() ກຳຈັດຂ້າງສະໜາມ.

ອີງຕາມ:

HTML ຈາກຄູ່ມູນ:ແທກ<td>ຂອງເອັມເອລ

HTML ຈາກຄູ່ມູນ:ແທກ<th>ຂອງເອັມເອລ

ຄູ່ມູນຈາກ ຈີນສະຕິກອັສກະການສະຕິກະການ:ໂອບເອັມໂດມຂອງເອັມເອລ ຕາມບໍລິເວນຂໍ້ມູນ

ຄູ່ມູນຈາກ ຈີນສະຕິກອັສກະການສະຕິກະການ:ໂອບເອັມໂດມຂອງເອັມເອລ ຕາມບໍລິເວນຫົວ

ຄວາມຈະເປັນ

ຕົວຢ່າງ 1

ສະແດງຈຳນວນຂ້າງສະໜາມໃນກາງການສະໜາມທໍາອິດ:

var x = document.getElementById("myTable").rows[0].cells.length;

ທ່ານຈະທົດລອງດຽວກັນ:

ຜົນຂອງ x ຈະເປັນ:

2

ຕົວຢ່າງ 2: [index]

ການສະແດງ innerHTML ຂອງຂ້າງສະໜາມທໍາອິດໃນກາງການສະໜາມ:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);

ທ່ານຈະທົດລອງດຽວກັນ:

ຕົວຢ່າງ 3: item(index)

ການສະແດງ innerHTML ຂອງຂ້າງສະໜາມທໍາອິດໃນກາງການສະໜາມ:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);

ທ່ານຈະທົດລອງດຽວກັນ:

ຕົວຢ່າງ 4: namedItem(id)

ການສະແດງ innerHTML ຂອງຂ້າງສະໜາມທີ່ id="myTd" ໃນກາງການສະໜາມທໍາອິດ:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);

ທ່ານຈະທົດລອງດຽວກັນ:

ຕົວຢ່າງ 5

ປ່ຽນຂໍ້ມູນຂອງຂ້າງສະໜາມຄັບທໍາອິດ:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";

ທ່ານຈະທົດລອງດຽວກັນ:

ຄຳສັບພາສາ:

tableObject.cells

ປະສົງ

ປະສົງ ການອະທິບາຍ
length

ຖອນຈຳນວນ <td> ແລະ/ຫຼື <th> ທີ່ຢູ່ໃນສະຖານນະບັນຍັດ.

ຄວາມຄິດ:ປະສົງມູນຄັນນີ້ແມ່ນຖືກຂໍ້ສະຫຼຸບຫາດຽວ.

ວິທີການ

ວິທີການ ການອະທິບາຍ
[index]

ຖອນ <td> ແລະ/ຫຼື <th> ທີ່ມີ index ທີ່ບັງຄັບໃຫ້ໃນສະຖານນະບັນຍັດ (ເລີ່ມຈາກ 0).

ຄວາມຄິດ:ຖ້າບໍ່ມີບັນທາງສະແດງທີ່ພົບກັບ index, ກັບ null.
item(index)

ຖອນ <td> ແລະ/ຫຼື <th> ທີ່ມີ index ທີ່ບັງຄັບໃຫ້ໃນສະຖານນະບັນຍັດ (ເລີ່ມຈາກ 0).

ຄວາມຄິດ:ຖ້າບໍ່ມີບັນທາງສະແດງທີ່ພົບກັບ index, ກັບ null.
namedItem(id)

ຖອນ <td> ແລະ/ຫຼື <th> ຈາກສະຖານນະບັນຍັດທີ່ມີ id ທີ່ບັງຄັບໃຫ້.

ຄວາມຄິດ:ຖ້າບໍ່ມີ id ທີ່ບັງຄັບໃຫ້ກັບ null.

ຂໍ້ມູນດ້ານເຕັກນິກ

ເອດໂອເມືອງ ເອມ ແອນ ເອມ (DOM) ລະບົບ: ໂຄເລວເອວ 2 ລະບົບສະໜາມຂໍ້ມູນ
ຄຳຕອບກັບ:

ໂອບເຄຣີຄອນເອສເຄວເລຍຄອນເຄວເລຍຂອງ <tr> ທີ່ສະແດງທັງໝົດ <td> ແລະ/ຫຼື <th> ທີ່ຢູ່ໃນ <tr>.

集合中的元素按照它们在源代码中出现的顺序进行排序。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

ໂອບເອັມໂດມຂອງເອັມເອລ ຕາມ