Đối tượng bảng
Thí dụ
Chèn [các] hàng mới ở vị trí đầu tiên của bảng [và chèn một phần tử với một số nội dung cho nó]:
// Tìm một phần tử có id = "mytable": var pable = document.getEuityById ["mytable"];
var table = document.getElementById["myTable"];
// Tạo một phần tử trống và thêm nó vào vị trí đầu tiên của bảng: var row = bảng.Insertrow [0];
var row =
table.insertRow[0];
// Chèn các ô mới [phần tử] ở vị trí thứ 1 và 2 của phần tử "mới": var cell1 = row.insertcell [0]; var cell2 = row.insertcell [1];
var cell1 = row.insertCell[0];
var cell2 = row.insertCell[1];
// Thêm một số văn bản vào các ô mới: cell1.innerhtml = "new cell1"; cell2.innerhtml = "new cell2";
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Phương thức Insertrow [] tạo một phần tử trống và thêm nó vào một bảng.
Phương thức Insertrow [] chèn [các] hàng mới tại chỉ mục được chỉ định trong bảng.
Lưu ý: Một phần tử phải chứa một hoặc nhiều hoặc các phần tử. A
Mẹo: Sử dụng phương thức deleterow [] để loại bỏ một hàng. Use the deleteRow[] method to remove a row.
Hỗ trợ trình duyệt
Chèn hàng[] | Đúng | Đúng | Đúng | Đúng | Đúng |
Cú pháp
TableObject.insertrow [INDEX]
Giá trị tham số
mục lục | Yêu cầu trong Firefox và Opera, tùy chọn trong IE, Chrome và Safari. Một số chỉ định vị trí của hàng để chèn [bắt đầu từ 0]. Giá trị của 0 kết quả là hàng mới sẽ được chèn ở vị trí đầu tiên. Giá trị của -1 cũng có thể được sử dụng, điều này dẫn đến một hàng mới được chèn vào vị trí cuối cùng. Tham số này được yêu cầu trong Firefox và Opera, nhưng tùy chọn trong Internet Explorer, Chrome và Safari.Nếu tham số này bị bỏ qua, hãy chèn [] chèn một hàng mới ở vị trí cuối cùng trong Chrome, IE, Firefox và Opera, và ở vị trí đầu tiên trong Safari. |
Chi tiết kỹ thuật
Phần tử chèn |
Nhiều ví dụ hơn
Thí dụ
Tạo và xóa [các] hàng:
hàm myCreateFunction [] {& nbsp; var bảng = document.getEuityById ["mytable"]; & nbsp; var row = bảng.Insertrow [0]; & nbsp; var cell1 = row.insertCell [0]; & nbsp; var cell2 = row.insertcell [1]; & nbsp; cell1.innerhtml = "new cell1"; & nbsp; cell2.innerhtml = "new cell2";}
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";
}
hàm myDeleteFunction [] {& nbsp; document.getEuityById ["mytable"]. deleterow [0];}
document.getElementById["myTable"].deleteRow[0];
}
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Phương thức Insertrow [] tạo một phần tử trống và thêm nó vào một bảng.
Đối tượng bảng
Các bảng HTML cho phép các nhà phát triển web sắp xếp dữ liệu thành các hàng và cột.
Thí dụ
Alfreds Futterkiste | Maria Anders | nước Đức |
Centro comcial moctezuma | Francisco Chang | Mexico |
Ernst Handel | Roland Mendel | Áo |
Giao dịch đảo | Helen Bennett | Vương quốc Anh |
Cười Bacchus Winecellars | Yoshi Tannamuri | Canada |
Magazzini Alimentari Riuniti | Giovanni Rovelli | Nước Ý |
Hãy tự mình thử »
Xác định bảng HTML
Một bảng trong HTML bao gồm các ô bảng bên trong các hàng và cột.
Thí dụ
Công ty
Tiếp xúc
Company
Contact
Country
Hãy tự mình thử »
Xác định bảng HTML
Một bảng trong HTML bao gồm các ô bảng bên trong các hàng và cột.
Bảng HTML đơn giản:
& nbsp; & nbsp; & nbsp; & nbsp; Công ty & nbsp; & nbsp; & nbsp; Liên hệ & nbsp; & nbsp; & nbsp; Quốc gia & nbsp; & nbsp; & nbsp; & nbsp; Alfreds Futterkiste & nbsp; & nbsp; & nbsp; Maria Anders & nbsp; & nbsp; & nbsp; Đức & NBSP; & nbsp; & nbsp; & nbsp; & nbsp; Centro comercial moctezuma & nbsp; & nbsp; & nbsp; Francisco Chang & nbsp; & nbsp; & nbsp; Mexico & NBSP;
Thí dụ
Công ty
Hãy tự mình thử »
Xác định bảng HTML A table cell can contain all sorts of HTML elements: text, images, lists, links, other tables, etc.
Một bảng trong HTML bao gồm các ô bảng bên trong các hàng và cột.
Bảng HTML đơn giản:
& nbsp; & nbsp; & nbsp; & nbsp; Công ty & nbsp; & nbsp; & nbsp; Liên hệ & nbsp; & nbsp; & nbsp; Quốc gia & nbsp; & nbsp; & nbsp; & nbsp; Alfreds Futterkiste & nbsp; & nbsp; & nbsp; Maria Anders & nbsp; & nbsp; & nbsp; Đức & NBSP; & nbsp; & nbsp; & nbsp; & nbsp; Centro comercial moctezuma & nbsp; & nbsp; & nbsp; Francisco Chang & nbsp; & nbsp; & nbsp; Mexico & NBSP;
Thí dụ
Tế bào bảng
Hãy tự mình thử »
Xác định bảng HTML
Một bảng trong HTML bao gồm các ô bảng bên trong các hàng và cột. There are times when a row can have less or more cells than another. You will learn about that in a later chapter.
Bảng HTML đơn giản:
& nbsp; & nbsp; & nbsp; & nbsp; Công ty & nbsp; & nbsp; & nbsp; Liên hệ & nbsp; & nbsp; & nbsp; Quốc gia & nbsp; & nbsp; & nbsp; & nbsp; Alfreds Futterkiste & nbsp; & nbsp; & nbsp; Maria Anders & nbsp; & nbsp; & nbsp; Đức & NBSP; & nbsp; & nbsp; & nbsp; & nbsp; Centro comercial moctezuma & nbsp; & nbsp; & nbsp; Francisco Chang & nbsp; & nbsp; & nbsp; Mexico & NBSP;
Tế bào bảng
Thí dụ
Mỗi ô bảng được xác định bởi thẻ
. và
td
là viết tắt của dữ liệu bảng.
Person 1
Person 2
Person 3
Hãy tự mình thử »
Xác định bảng HTML
Một bảng trong HTML bao gồm các ô bảng bên trong các hàng và cột.
Bảng HTML đơn giản:
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. | |
Mỗi ô bảng được xác định bởi thẻ . | td là viết tắt của dữ liệu bảng. |
Tất cả mọi thứ giữa
là nội dung của ô bảng. và