ตัวอย่าง
ใส่ใหม่ row(s) ที่ตำแหน่งแรกของตาราง (และแทรก <td> องค์ประกอบที่มีเนื้อหาบางส่วนไป):
// Find a <table> element with id="myTable":
var table =
document.getElementById("myTable");
// Create an empty <tr> element
and add it to the 1st position of the table:
var row = table.insertRow(0);
// Insert
new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 =
row.insertCell(0);
var cell2 = row.insertCell(1);
// Add some text
to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML =
"NEW CELL2"; ลองตัวเอง» ความหมายและการใช้งาน
insertRow() วิธีการสร้างที่ว่างเปล่า <tr> องค์ประกอบและเพิ่มในตาราง
insertRow() วิธีการแทรกใหม่ row(s) ที่ดัชนีที่ระบุในตาราง
หมายเหตุ: <tr> องค์ประกอบที่จะต้องมีหนึ่งหรือมากกว่า <th> หรือ <td> องค์ประกอบ
เคล็ดลับ: ใช้ deleteRow() วิธีการที่จะเอาแถว
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| insertRow() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
tableObject .insertRow( ค่าพารามิเตอร์ ความคุ้มค่า ลักษณะ index จำเป็นต้องใช้ใน Firefox และ Opera, ตัวเลือกใน IE, Chrome และ Safari ตัวเลขที่ระบุตำแหน่งของแถวที่จะแทรก A (เริ่มต้นที่ 0) ค่าของ 0 ผลในการที่แถวใหม่จะถูกแทรกที่ตำแหน่งแรก ค่า -1 นอกจากนี้ยังสามารถนำมาใช้นี้ส่งผลในแถวใหม่จะถูกแทรกที่ตำแหน่งสุดท้าย
พารามิเตอร์นี้จำเป็นใน Firefox และ Opera แต่ตัวเลือกใน Internet Explorer, Chrome และ Safari
ถ้าพารามิเตอร์นี้ถูกละไว้ insertRow() แทรกแถวใหม่ที่ตำแหน่งสุดท้ายใน Chrome, IE, Firefox และ Opera และในตำแหน่งแรกใน Safari
รายละเอียดทางเทคนิค
กลับค่า: แทรก <tr> องค์ประกอบ
ตัวอย่างอื่น ๆ
ตัวอย่าง
สร้างและลบ row(s) :
function myCreateFunction() {
var table =
document.getElementById("myTable");
var row =
table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW
CELL1";
cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
} ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML: HTML <tr> แท็ก
<object ตาราง