TableRow cells ສະມາຊິກ

ໂອບເອັມໄອເດີ້ມໂອກັບເຄື່ອງໃຊ້

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

cells ສະມາຊິກທັງໝົດຂອງສີ່ສາຍຂອງຕາຕະລາງ <td> ຫຼື <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> ສະມາຊິກທີ່ມີດ້ວຍດັດຕະວັດຢູ່ທີ່ທີ່ກໍານົດ (ເລີ່ມຈາກ 0)。

ຄວາມຄິດເຫັນ：ຖ້າເບີໂທລະບາຍການບັງຄັບບໍ່ພຽງພໍ ຈະຫຼຸດຄື້ນ null。
item(index)

ຫຼຸດຄື້ນ <td> ແລະ/ຫຼື <th> ສະມາຊິກທີ່ມີດ້ວຍດັດຕະວັດຢູ່ທີ່ທີ່ກໍານົດ (ເລີ່ມຈາກ 0)。

ຄວາມຄິດເຫັນ：ຖ້າເບີໂທລະບາຍການບັງຄັບບໍ່ພຽງພໍ ຈະຫຼຸດຄື້ນ null。
namedItem(id)

ຫຼຸດຄື້ນ <td> ແລະ/ຫຼື <th> ສະມາຊິກຈາກສະມາຊິກທີ່ມີ id ແນະນຳ。

ຄວາມຄິດເຫັນ：ຖ້າ id ບໍ່ມີຢູ່ ຈະຫຼຸດຄື້ນ null。

技术细节

元素中的所有
DOM 版本： Core Level 2 Document Object
返回值：

HTMLCollection 对象，表示

和/或 元素。

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

浏览器支持

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

ໂອບເອັມໄອເດີ້ມໂອກັບເຄື່ອງໃຊ້