Table rows 集合

定义和用法

rows 集合返回表中所有 <tr> 元素的集合。

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

ຄຳແນະນຳ:ຂໍ້ສັງເກດ: insertRow() 方法 创建新行 (<tr>)。

ຄຳແນະນຳ:ຂໍ້ສັງເກດ: deleteRow() 方法 ລຶບຈຳນວນ.

ຄຳແນະນຳ:ຂໍ້ສັງເກດ: ວິທີການ insertCell() ສ້າງຂະແໜງໃໝ່ (<td>).

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

ຄຳແນະນຳ:ຂໍ້ສັງເກດ: ຄະນະ cells ກັບຄືນຄະນະທີ່ມີຢູ່ໃນການສະແດງ <td> ຫຼື <th> ທັງໝົດ.

ອີງຕາມ:

ປືກສາ HTML:ແຕ່ງອອກ <tr> HTML

ປືກສາ JavaScript:ບັນດາໂອບໍຣັນເດີ້ມຂະໜາດບາງສາຍ

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການຊອກຫາຈຳນວນຈຳນວນປະກອບຂອງການຄອງ:

var x = document.getElementById("myTable").rows.length;

ສວດມືຕົວເອງ

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

2

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

ການສະແດງ innerHTML ຂອງ <tr> ທີ່ເລີ່ມຈາກ (ບັນທຶກຫຼັງ 0):

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

ສວດມືຕົວເອງ

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

ການສະແດງ innerHTML ຂອງ <tr> ທີ່ເລີ່ມຈາກ (ບັນທຶກຫຼັງ 0):

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

ສວດມືຕົວເອງ

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

ການສະແດງ innerHTML ຂອງ <tr> ທີ່ id="myRow" ໃນການສະແດງ:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

ສວດມືຕົວເອງ

ຕົວຢ່າງ 5

ປ່ຽນສິ່ງທີ່ມີໃນຂະນະບໍລິໂພກກັບຄະນະຂະແໜງຂອງການຄອງຂອງການສະແດງ:

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

ສວດມືຕົວເອງ

ຄຳສັບພາສາ

tableObject.rows

ທາງ

ທາງ ສະແດງການ
length

ກັບຄືນຈຳນວນຄະນະ <tr> ທີ່ມີໃນຄະນະ.

ຄວາມຄິດ:ຜົນຂອງພິມະນະພາບທີ່ພຽງແຕ່ອ່ານ.

ວິທີການ

ວິທີການ ສະແດງການ
[index]

ກັບຄືນຄະນະທີ່ມີເບື້ອງບັນທຶກຫຼັງທີ່ກໍານົດໃນຄະນະ (ເລີ່ມຈາກ 0).

ຄວາມຄິດ:ຖ້າເບື້ອງບັນທຶກຫຼັງບໍ່ຢູ່ພາຍໃນຊິວິດທີ່ຈະກັບຄືນ null。

item(index)

ກັບຄືນຄະນະທີ່ມີເບື້ອງບັນທຶກຫຼັງທີ່ກໍານົດໃນຄະນະ (ເລີ່ມຈາກ 0).

ຄວາມຄິດ:ຖ້າເບື້ອງບັນທຶກຫຼັງບໍ່ຢູ່ພາຍໃນຊິວິດທີ່ຈະກັບຄືນ null。

namedItem(id)

ກັບຄືນຄະນະທີ່ມີ id ທີ່ກໍານົດໃນຄະນະ.

ຄວາມຄິດ:ຖ້າ id ບໍ່ມີຢູ່ຈະກັບຄືນ null。

ລາຍລະອຽດເຕັກໂນໂລຊີ

DOM ສະບັນຍາ: Core Level 2 Document Object
ຄຳຕອບກັບ:

ໂອບເລື່ອງ HTMLCollection ທີ່ສະແດງຄະນະ <tr> ທັງໝົດໃນ <table>。

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

浏览器支持

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