คอลเลกชันบรรทัด Table

วิธีการจัดการตัวแปร Table ของ HTML DOM

คำนิยามและวิธีใช้

rows คอลเลกชันส่งกลับค่าทั้งหมดของ <tr> ในตาราง

หมายเหตุ：องค์ประกอบในชุดจะถูกจัด序ลำดับตามความเกิดขึ้นของตัวองค์ประกอบในโค้ดต้นฉบับ

คำแนะนำ：ใช้ insertRow() ฟังก์ชัน สร้างบรรทัดใหม่ (<tr>)

คำแนะนำ：ใช้ deleteRow() ฟังก์ชัน ลบบรรดาแถว

คำแนะนำ：ใช้ วิธี insertCell() สร้างเซลล์ใหม่ (<td>)

คำแนะนำ：ใช้ วิธี deleteCell() ลบเซลล์

คำแนะนำ：ใช้ ชุด cells ส่งค่าชุดของ <td> หรือ <th> ทั้งหมดในตาราง

ดูเพิ่มเติมที่：

คู่มือเรียกใช้ HTML：แบตทิ้ง <tr> ของ HTML

คู่มือเรียกใช้ JavaScript：วิธีการจัดการตัวแปร TableRow ของ HTML DOM

ตัวอย่าง

ตัวอย่างที่ 1

ตรวจสอบจำนวนของบรรดาแถวในตาราง：

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

ลองทดลองเอง

ผลลัพธ์ของ x จะเป็น:

2

ตัวอย่างที่ 2: [index]

แจ้งถึง innerHTML ของ <tr> ที่แรก (index 0) ในตาราง：

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

ลองทดลองเอง

ตัวอย่างที่ 3: item(index)

แจ้งถึง innerHTML ของ <tr> ที่แรก (index 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]

ส่งค่า <tr> ที่มีหมายเลขด้านล่างที่กำหนด ในชุด (เริ่มต้นที่ 0)

หมายเหตุ：ถ้าหมายเลขด้านล่างอยู่นอกเอเทอร์นิที จะส่งค่า null กลับ
item(index)

ส่งค่า <tr> ที่มีหมายเลขด้านล่างที่กำหนด ในชุด (เริ่มต้นที่ 0)

หมายเหตุ：ถ้าหมายเลขด้านล่างอยู่นอกเอเทอร์นิที จะส่งค่า null กลับ
namedItem(id)

ส่งค่าชุดที่มี <tr> ที่มี id ที่กำหนด

หมายเหตุ：ถ้า id ไม่มีอยู่ จะส่งค่า null กลับ

รายละเอียดเทคนิค

รุ่น DOM： Core Level 2 Document Object
ค่าที่ส่งออกมา：

HTMLCollection วัตถุที่แสดงชื่อว่า ตัวแทนของทั้งหมด <tr> ใน <table> ซึ่งมีอยู่。

องค์ประกอบในชุดจะถูกจัด序ลำดับตามความเกิดขึ้นของตัวองค์ประกอบในโค้ดต้นฉบับ

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

วิธีการจัดการตัวแปร Table ของ HTML DOM