ชุด Table tBodies
คำนิยามและวิธีใช้
tBodies
ชุดคืนค่าทั้งหมด องค์ประกอบ <tbody> นี้ ชุดของคุณ
หมายเหตุ:องค์ประกอบในชุดจะถูกจัดลำดับตามลำดับที่เกิดขึ้นในรหัสแบบโค้ดต้นแบบ
ดูเพิ่มเติมที่:
คู่มือ HTML ฉบับออฟฟิศ:HTML <tbody> แทรก
ตัวอย่าง
ตัวอย่าง 1
หาจำนวนองค์ประกอบ <tbody> ในตาราง:
var x = document.getElementById("myTable").tBodies.length;
ผลลัพธ์ของ x จะเป็น:
2
ตัวอย่าง 2: [index]
แสดง innerHTML ขององค์ประกอบ <tbody> แรกในตาราง (อินเดกส์ 0):
alert(document.getElementById("myTable").tBodies[0].innerHTML;
ตัวอย่าง 3: item(index)
แสดง innerHTML ขององค์ประกอบ <tbody> แรกในตาราง (อินเดกส์ 0):
alert(document.getElementById("myTable").tBodies.item(0).innerHTML);
ตัวอย่าง 4: namedItem(id)
แสดง innerHTML ขององค์ประกอบ <tbody> ที่ id="myTBody" ในตาราง:
alert(document.getElementById("myTable").tBodies.namedItem("myTBody").innerHTML);
รูปแบบการใช้
tableObject.tBodies
คุณสมบัติ
คุณสมบัติ | คำอธิบาย |
---|---|
length |
คืนค่าจำนวนองค์ประกอบ <tbody> ในชุด ความ หมายเหตุ:นี่เป็นคุณสมบัติที่แสดงแค่การอ่านเท่านั้น。 |
วิธี
วิธี | คำอธิบาย |
---|---|
[index] |
คืนค่าองค์ประกอบ <tbody> ที่มีอินเดกส์ที่กำหนดในชุด (เริ่มต้นจาก 0) ความ หมายเหตุ:ถ้าเลขดูแลอินเดกส์นั้นเกินขอบเขต ก็คืนค่า null ความ |
item(index) |
คืนค่าองค์ประกอบ <tbody> ที่มีอินเดกส์ที่กำหนดในชุด (เริ่มต้นจาก 0) ความ หมายเหตุ:ถ้าเลขดูแลอินเดกส์นั้นเกินขอบเขต ก็คืนค่า null ความ |
namedItem(id) |
คืนค่าจากชุดที่มี id องค์ประกอบ <tbody> นี้。 หมายเหตุ:ถ้า id ถ้าไม่มี กลับค่า null |
รายละเอียดเทคโนโลยี
เวอร์ชั่น DOM: | Document Object ระดับ Core Level 2 |
---|---|
ค่าที่กลับมา: |
HTMLCollection วัตถุ แสดงถึงทุก <tbody> ในตัวแบบ <table> ทั้งหมด องค์ประกอบในชุดจะถูกจัดลำดับตามลำดับที่เกิดขึ้นในรหัสแบบโค้ดต้นแบบ |
การสนับสนุนโปรแกรมบราวเซอร์
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |