TableRow cells ชุด

HTML DOM TableRow วัตถุ

คำอธิบายและการใช้งาน

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: Document Object ระดับ Core Level 2
ค่าที่กลับมา

HTMLCollection วัตถุ แสดงถึง ทุก <td> และ/หรือ <th> ใน <tr>

องค์ประกอบในชุดจะถูกจัด序ตามลำดับที่มีในต้นแบบของโค้ด

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

HTML DOM TableRow วัตถุ